1
0
mirror of https://github.com/bitwarden/mobile synced 2026-01-05 01:53:17 +00:00

updated autofill service tools page with new tutorial images

This commit is contained in:
Kyle Spearrin
2017-02-01 21:55:00 -05:00
parent 27fb44277f
commit 85dda759ec
22 changed files with 252 additions and 177 deletions

View File

@@ -51,7 +51,7 @@ namespace Bit.App.Pages
disabledFs.Spans.Add(new Span
{
Text = AppResources.Disabled,
ForegroundColor = Color.Red,
ForegroundColor = Color.FromHex("c62929"),
FontAttributes = FontAttributes.Bold,
FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label))
});
@@ -70,7 +70,7 @@ namespace Bit.App.Pages
Text = AppResources.BitwardenAutofillServiceStep1,
HorizontalTextAlignment = TextAlignment.Center,
LineBreakMode = LineBreakMode.WordWrap,
FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label)),
FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
TextColor = Color.Black
};
@@ -78,7 +78,9 @@ namespace Bit.App.Pages
{
Source = "accessibility_step1",
HorizontalOptions = LayoutOptions.Center,
Margin = new Thickness(0, 20, 0, 0)
Margin = new Thickness(0, 20, 0, 0),
WidthRequest = 300,
HeightRequest = 98
};
var step2Label = new Label
@@ -86,7 +88,7 @@ namespace Bit.App.Pages
Text = AppResources.BitwardenAutofillServiceStep2,
HorizontalTextAlignment = TextAlignment.Center,
LineBreakMode = LineBreakMode.WordWrap,
FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label)),
FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
TextColor = Color.Black
};
@@ -94,7 +96,9 @@ namespace Bit.App.Pages
{
Source = "accessibility_step2",
HorizontalOptions = LayoutOptions.Center,
Margin = new Thickness(0, 20, 0, 0)
Margin = new Thickness(0, 20, 0, 0),
WidthRequest = 300,
HeightRequest = 67
};
var stepsStackLayout = new StackLayout
@@ -111,13 +115,31 @@ namespace Bit.App.Pages
Text = AppResources.BitwardenAutofillServiceNotification,
HorizontalTextAlignment = TextAlignment.Center,
LineBreakMode = LineBreakMode.WordWrap,
FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label)),
FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
TextColor = Color.Black
};
var tapNotificationImage = new Image
{
Source = "accessibility_notification",
HorizontalOptions = LayoutOptions.Center,
Margin = new Thickness(0, 20, 0, 0),
WidthRequest = 300,
HeightRequest = 74
};
var tapNotificationIcon = new Image
{
Source = "accessibility_notification_icon",
HorizontalOptions = LayoutOptions.Center,
Margin = new Thickness(0, 20, 0, 0),
WidthRequest = 300,
HeightRequest = 54
};
var notificationsStackLayout = new StackLayout
{
Children = { statusEnabledLabel, notificationsLabel },
Children = { statusEnabledLabel, tapNotificationIcon, tapNotificationImage, notificationsLabel },
Orientation = StackOrientation.Vertical,
Spacing = 10,
VerticalOptions = LayoutOptions.CenterAndExpand,
@@ -144,6 +166,11 @@ namespace Bit.App.Pages
ScrollView = new ScrollView { Content = DisabledStackLayout };
if(Device.OS == TargetPlatform.iOS)
{
ToolbarItems.Add(new DismissModalToolBarItem(this, AppResources.Close));
}
Title = AppResources.AutofillService;
Content = ScrollView;
}
@@ -162,7 +189,7 @@ namespace Bit.App.Pages
VerticalOptions = LayoutOptions.Start,
HorizontalTextAlignment = TextAlignment.Center,
LineBreakMode = LineBreakMode.WordWrap,
FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label))
FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Label))
};
}

View File

@@ -50,7 +50,7 @@ namespace Bit.App.Pages
AppResources.BitwardenAutofillServiceDescription, "upload");
autofillServiceCell.Tapped += (object sender, EventArgs e) =>
{
Navigation.PushAsync(new ToolsAutofillServicePage());
Navigation.PushModalAsync(new ExtendedNavigationPage(new ToolsAutofillServicePage()));
};
section.Add(autofillServiceCell);
}

View File

@@ -233,7 +233,7 @@ namespace Bit.App.Resources {
}
/// <summary>
/// Looks up a localized string similar to When you see a bitwarden auto-fill notification, you can touch it to launch the auto-fill service..
/// Looks up a localized string similar to When you see a bitwarden auto-fill notification, you can tap it to launch the auto-fill service..
/// </summary>
public static string BitwardenAutofillServiceNotification {
get {

View File

@@ -766,7 +766,7 @@
<comment>This is used for the autofill service. ex. "There are no logins in your vault for twitter.com".</comment>
</data>
<data name="BitwardenAutofillServiceNotification" xml:space="preserve">
<value>When you see a bitwarden auto-fill notification, you can touch it to launch the auto-fill service.</value>
<value>When you see a bitwarden auto-fill notification, you can tap it to launch the auto-fill service.</value>
</data>
<data name="BitwardenAutofillServiceNotificationContent" xml:space="preserve">
<value>Tap this notification to auto-fill a login from your vault.</value>