mirrors/bitwarden-android
1
0
Fork 0
mirror of https://github.com/bitwarden/android.git synced 2024-12-24 18:08:26 +03:00
Code Issues Projects Releases Packages Wiki Activity

some listview styling for iOS

Browse source
This commit is contained in:
Kyle Spearrin 2019-06-20 16:02:39 -04:00
parent 223ec180fc
commit dc91624597
7 changed files with 107 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/App/Controls/CipherViewCell/CipherViewCell.xaml
View file

@ -76,7 +76,7 @@
IsVisible="{Binding Cipher.HasAttachments, Mode=OneWay}" />
<controls:MiButton
Text="&#xe5d4;"
Text="&#xe5d3;"
StyleClass="list-row-button, list-row-button-platform, btn-disabled"
Clicked="ImageButton_Clicked"
Grid.Column="4"

11
src/App/Pages/Settings/SettingsPage/SettingsPage.xaml
View file

@ -47,7 +47,8 @@
<ListView
ItemsSource="{Binding GroupedItems}"
VerticalOptions="FillAndExpand"
HasUnevenRows="true"
HasUnevenRows="True"
RowHeight="-1"
ItemTemplate="{StaticResource listItemDataTemplateSelector}"
IsGroupingEnabled="True"
ItemSelected="RowSelected"
@ -56,14 +57,16 @@
<ListView.GroupHeaderTemplate>
<DataTemplate x:DataType="pages:SettingsPageListGroup">
<ViewCell>
<StackLayout Padding="0" Spacing="0">
<BoxView StyleClass="list-section-separator"
<StackLayout Padding="0" Spacing="0" VerticalOptions="FillAndExpand">
<BoxView
StyleClass="list-section-separator-top, list-section-separator-top-platform"
IsVisible="{Binding First, Converter={StaticResource inverseBool}}" />
<StackLayout StyleClass="list-row-header">
<StackLayout StyleClass="list-row-header, list-row-header-platform">
<Label
Text="{Binding Name}"
StyleClass="list-header, list-header-platform" />
</StackLayout>
<BoxView StyleClass="list-section-separator-bottom, list-section-separator-bottom-platform" />
</StackLayout>
</ViewCell>
</DataTemplate>

15
src/App/Pages/Vault/GroupingsPage/GroupingsPage.xaml
View file

@ -95,9 +95,10 @@
IsVisible="{Binding ShowList}"
ItemsSource="{Binding GroupedItems}"
VerticalOptions="FillAndExpand"
HasUnevenRows="true"
HasUnevenRows="True"
RowHeight="-1"
RefreshCommand="{Binding RefreshCommand}"
IsPullToRefreshEnabled="true"
IsPullToRefreshEnabled="True"
IsRefreshing="{Binding Refreshing}"
ItemTemplate="{StaticResource listItemDataTemplateSelector}"
IsGroupingEnabled="True"
@ -109,11 +110,12 @@
<ListView.GroupHeaderTemplate>
<DataTemplate x:DataType="pages:GroupingsPageListGroup">
<ViewCell>
<StackLayout Spacing="0" Padding="0">
<BoxView StyleClass="list-section-separator"
<ViewCell BindingContextChanged="HeaderBindingContextChanged">
<StackLayout Spacing="0" Padding="0" VerticalOptions="FillAndExpand">
<BoxView
StyleClass="list-section-separator-top, list-section-separator-top-platform"
IsVisible="{Binding First, Converter={StaticResource inverseBool}}" />
<StackLayout StyleClass="list-row-header">
<StackLayout StyleClass="list-row-header, list-row-header-platform">
<Label
Text="{Binding Name}"
StyleClass="list-header, list-header-platform" />
@ -121,6 +123,7 @@
Text="{Binding ItemCount}"
StyleClass="list-header-sub" />
</StackLayout>
<BoxView StyleClass="list-section-separator-bottom, list-section-separator-bottom-platform" />
</StackLayout>
</ViewCell>
</DataTemplate>

8
src/App/Pages/Vault/GroupingsPage/GroupingsPage.xaml.cs
View file

@ -245,5 +245,13 @@ namespace Bit.App.Pages
await Navigation.PushModalAsync(new NavigationPage(page));
}
}
private void HeaderBindingContextChanged(object sender, EventArgs e)
{
if(Device.RuntimePlatform == Device.iOS && sender is ViewCell cell)
{
// cell.Height = 50;
}
}
}
}

19
src/App/Styles/Android.xaml
View file

@ -52,6 +52,13 @@
<Setter Property="SeparatorColor"
Value="Transparent" />
</Style>
<Style TargetType="StackLayout"
Class="list-row-header-platform">
<Setter Property="Padding"
Value="10, 12" />
<Setter Property="VerticalOptions"
Value="CenterAndExpand" />
</Style>
<Style TargetType="Label"
Class="list-header-platform">
<Setter Property="TextColor"
@ -61,6 +68,18 @@
<Setter Property="FontAttributes"
Value="Bold" />
</Style>
<Style TargetType="BoxView"
Class="list-section-separator-top-platform">
<Setter Property="Color"
Value="{StaticResource ListItemBorderColor}" />
</Style>
<Style TargetType="BoxView"
Class="list-section-separator-bottom-platform">
<Setter Property="Color"
Value="Transparent" />
<Setter Property="IsVisible"
Value="False" />
</Style>
<Style TargetType="StackLayout"
Class="list-row-platform">
</Style>

11
src/App/Styles/Base.xaml
View file

@ -141,8 +141,6 @@
</Style>
<Style TargetType="StackLayout"
Class="list-row-header">
<Setter Property="Padding"
Value="10, 12" />
<Setter Property="Orientation"
Value="Horizontal" />
</Style>
@ -181,11 +179,14 @@
Value="2, 5, 0, 5" />
</Style>
<Style TargetType="BoxView"
Class="list-section-separator">
Class="list-section-separator-top">
<Setter Property="HeightRequest"
Value="1" />
</Style>
<Style TargetType="BoxView"
Class="list-section-separator-bottom">
<Setter Property="HeightRequest"
Value="1" />
<Setter Property="Color"
Value="{StaticResource ListItemBorderColor}" />
</Style>
<Style TargetType="Label"
Class="list-title">

55
src/App/Styles/iOS.xaml
View file

@ -12,4 +12,59 @@
<Setter Property="PlaceholderColor"
Value="{StaticResource InputPlaceholderColor}" />
</Style>
<!-- List -->
<Style TargetType="ListView"
Class="list-platform"
ApplyToDerivedTypes="True">
<Setter Property="SeparatorColor"
Value="{StaticResource ListItemBorderColor}" />
</Style>
<Style TargetType="StackLayout"
Class="list-row-header-platform">
<Setter Property="Padding"
Value="10, 0, 10, 5" />
<Setter Property="VerticalOptions"
Value="EndAndExpand" />
</Style>
<Style TargetType="Label"
Class="list-header-platform">
<Setter Property="TextColor"
Value="{StaticResource ListHeaderTextColor}" />
<Setter Property="FontSize"
Value="Small" />
</Style>
<Style TargetType="BoxView"
Class="list-section-separator-top-platform">
<Setter Property="Color"
Value="{StaticResource ListItemBorderColor}" />
</Style>
<Style TargetType="BoxView"
Class="list-section-separator-bottom-platform">
<Setter Property="Color"
Value="{StaticResource ListItemBorderColor}" />
<Setter Property="Margin"
Value="0, 0, 0, -1" />
</Style>
<Style TargetType="StackLayout"
Class="list-row-platform">
</Style>
<Style TargetType="Grid"
Class="list-row-platform">
</Style>
<Style TargetType="Label"
Class="list-icon-platform"
ApplyToDerivedTypes="True">
<Setter Property="FontSize"
Value="10" />
</Style>
<Style TargetType="Button"
ApplyToDerivedTypes="True"
Class="list-row-button-platform">
<Setter Property="WidthRequest"
Value="37" />
<Setter Property="FontSize"
Value="25" />
</Style>
</ResourceDictionary>