ui: make lists more compact
Reduce top list spacing to 12dp, making lists more compact. This is more in-line with material design, and improves user experience on small screens.
This commit is contained in:
parent
cf64536118
commit
966789238e
10 changed files with 25 additions and 17 deletions
|
@ -26,6 +26,7 @@
|
|||
- All information now scrolls in the playback view
|
||||
- A month is now shown for song/album dates when available
|
||||
- Added loading indicator to song properties view
|
||||
- List items have been made more compact
|
||||
|
||||
#### What's Fixed
|
||||
- Fixed issue where the scroll popup would not display correctly in landscape mode [#230]
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
<item
|
||||
android:id="@+id/def">
|
||||
<shape android:shape="rectangle">
|
||||
<solid android:color="@color/sel_item_activated_bg" />
|
||||
<solid android:color="@android:color/transparent" />
|
||||
</shape>
|
||||
</item>
|
||||
</animated-selector>
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<item android:drawable="?attr/colorSurface" />
|
||||
<item android:drawable="@drawable/sel_item_ripple_bg" />
|
||||
<item android:drawable="?attr/selectableItemBackground" />
|
||||
</layer-list>
|
|
@ -51,7 +51,7 @@
|
|||
<com.google.android.material.textfield.TextInputLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="@dimen/spacing_medium"
|
||||
android:layout_marginTop="@dimen/spacing_mid_medium"
|
||||
android:hint="@string/lbl_relative_path"
|
||||
app:expandedHintEnabled="false">
|
||||
|
||||
|
@ -67,7 +67,7 @@
|
|||
<com.google.android.material.textfield.TextInputLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="@dimen/spacing_medium"
|
||||
android:layout_marginTop="@dimen/spacing_mid_medium"
|
||||
android:hint="@string/lbl_format"
|
||||
app:expandedHintEnabled="false">
|
||||
|
||||
|
@ -83,7 +83,7 @@
|
|||
<com.google.android.material.textfield.TextInputLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="@dimen/spacing_medium"
|
||||
android:layout_marginTop="@dimen/spacing_mid_medium"
|
||||
android:hint="@string/lbl_size"
|
||||
app:expandedHintEnabled="false">
|
||||
|
||||
|
@ -99,7 +99,7 @@
|
|||
<com.google.android.material.textfield.TextInputLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="@dimen/spacing_medium"
|
||||
android:layout_marginTop="@dimen/spacing_mid_medium"
|
||||
android:hint="@string/lbl_sort_duration"
|
||||
app:expandedHintEnabled="false">
|
||||
|
||||
|
@ -115,7 +115,7 @@
|
|||
<com.google.android.material.textfield.TextInputLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="@dimen/spacing_medium"
|
||||
android:layout_marginTop="@dimen/spacing_mid_medium"
|
||||
android:hint="@string/lbl_bitrate"
|
||||
app:expandedHintEnabled="false">
|
||||
|
||||
|
@ -131,7 +131,7 @@
|
|||
<com.google.android.material.textfield.TextInputLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="@dimen/spacing_medium"
|
||||
android:layout_marginTop="@dimen/spacing_mid_medium"
|
||||
android:hint="@string/lbl_sample_rate"
|
||||
app:expandedHintEnabled="false">
|
||||
|
||||
|
|
|
@ -7,9 +7,9 @@
|
|||
android:layout_height="wrap_content"
|
||||
android:background="@drawable/ui_item_ripple"
|
||||
android:paddingStart="@dimen/spacing_medium"
|
||||
android:paddingTop="@dimen/spacing_medium"
|
||||
android:paddingTop="@dimen/spacing_mid_medium"
|
||||
android:paddingEnd="@dimen/spacing_mid_medium"
|
||||
android:paddingBottom="@dimen/spacing_medium">
|
||||
android:paddingBottom="@dimen/spacing_mid_medium">
|
||||
|
||||
<!--
|
||||
We don't want to show an album cover, but we still want the spacing of this song
|
||||
|
|
|
@ -5,7 +5,10 @@
|
|||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="horizontal"
|
||||
android:padding="@dimen/spacing_medium">
|
||||
android:paddingStart="@dimen/spacing_medium"
|
||||
android:paddingEnd="@dimen/spacing_medium"
|
||||
android:paddingTop="@dimen/spacing_mid_medium"
|
||||
android:paddingBottom="@dimen/spacing_mid_medium">
|
||||
|
||||
<org.oxycblt.auxio.image.StyledImageView
|
||||
android:id="@+id/disc_item"
|
||||
|
|
|
@ -6,9 +6,9 @@
|
|||
android:layout_height="wrap_content"
|
||||
android:background="@drawable/ui_item_ripple"
|
||||
android:paddingStart="@dimen/spacing_medium"
|
||||
android:paddingTop="@dimen/spacing_medium"
|
||||
android:paddingTop="@dimen/spacing_mid_medium"
|
||||
android:paddingEnd="@dimen/spacing_mid_medium"
|
||||
android:paddingBottom="@dimen/spacing_medium">
|
||||
android:paddingBottom="@dimen/spacing_mid_medium">
|
||||
|
||||
<org.oxycblt.auxio.image.ImageGroup
|
||||
android:id="@+id/parent_image"
|
||||
|
|
|
@ -6,9 +6,9 @@
|
|||
android:layout_height="wrap_content"
|
||||
android:background="?attr/selectableItemBackground"
|
||||
android:paddingStart="@dimen/spacing_large"
|
||||
android:paddingTop="@dimen/spacing_medium"
|
||||
android:paddingTop="@dimen/spacing_mid_medium"
|
||||
android:paddingEnd="@dimen/spacing_large"
|
||||
android:paddingBottom="@dimen/spacing_medium">
|
||||
android:paddingBottom="@dimen/spacing_mid_medium">
|
||||
|
||||
<org.oxycblt.auxio.image.ImageGroup
|
||||
android:id="@+id/picker_image"
|
||||
|
|
|
@ -37,7 +37,10 @@
|
|||
<org.oxycblt.auxio.image.ImageGroup
|
||||
android:id="@+id/song_album_cover"
|
||||
style="@style/Widget.Auxio.Image.Small"
|
||||
android:layout_margin="@dimen/spacing_medium"
|
||||
android:layout_marginStart="@dimen/spacing_medium"
|
||||
android:layout_marginTop="@dimen/spacing_mid_medium"
|
||||
android:layout_marginBottom="@dimen/spacing_mid_medium"
|
||||
android:layout_marginEnd="@dimen/spacing_medium"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
|
|
|
@ -6,9 +6,9 @@
|
|||
android:layout_height="wrap_content"
|
||||
android:background="@drawable/ui_item_ripple"
|
||||
android:paddingStart="@dimen/spacing_medium"
|
||||
android:paddingTop="@dimen/spacing_medium"
|
||||
android:paddingTop="@dimen/spacing_mid_medium"
|
||||
android:paddingEnd="@dimen/spacing_mid_medium"
|
||||
android:paddingBottom="@dimen/spacing_medium">
|
||||
android:paddingBottom="@dimen/spacing_mid_medium">
|
||||
|
||||
<org.oxycblt.auxio.image.ImageGroup
|
||||
android:id="@+id/song_album_cover"
|
||||
|
|
Loading…
Reference in a new issue