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:
Alexander Capehart 2022-12-06 19:21:25 -07:00
parent cf64536118
commit 966789238e
No known key found for this signature in database
GPG key ID: 37DBE3621FE9AD47
10 changed files with 25 additions and 17 deletions

View file

@ -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]

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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

View file

@ -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"

View file

@ -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"

View file

@ -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"

View file

@ -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"

View file

@ -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"