Tweak history card design

This commit is contained in:
arkon 2020-05-23 11:33:23 -04:00
parent e6bc181e7a
commit e9d3b75e2b
2 changed files with 38 additions and 34 deletions

View file

@ -7,65 +7,74 @@
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="128dp" android:layout_height="80dp"
android:orientation="horizontal"> android:orientation="horizontal">
<ImageView <ImageView
android:id="@+id/cover" android:id="@+id/cover"
android:layout_width="85dp" android:layout_width="0dp"
android:layout_height="match_parent" android:layout_height="match_parent"
android:contentDescription="@string/description_cover" android:contentDescription="@string/description_cover"
android:scaleType="centerCrop" android:scaleType="centerCrop"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintDimensionRatio="h,3:2"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" /> app:layout_constraintTop_toTopOf="parent" />
<TextView <LinearLayout
android:id="@+id/manga_title"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="16dp" android:layout_marginStart="16dp"
android:layout_marginTop="16dp" android:layout_marginEnd="8dp"
android:ellipsize="end" android:orientation="vertical"
android:maxLines="2" app:layout_constraintBottom_toBottomOf="parent"
android:textAppearance="@style/TextAppearance.Medium" app:layout_constraintEnd_toStartOf="@+id/remove"
app:layout_constraintEnd_toStartOf="@+id/resume"
app:layout_constraintStart_toEndOf="@+id/cover" app:layout_constraintStart_toEndOf="@+id/cover"
app:layout_constraintTop_toTopOf="parent" /> app:layout_constraintTop_toTopOf="parent">
<TextView <TextView
android:id="@+id/manga_subtitle" android:id="@+id/manga_title"
android:layout_width="0dp" android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="end"
android:maxLines="2"
android:textAppearance="@style/TextAppearance.Medium" />
<TextView
android:id="@+id/manga_subtitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="4dp" />
</LinearLayout>
<ImageButton
android:id="@+id/remove"
android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_below="@id/manga_title" android:background="?selectableItemBackgroundBorderless"
android:layout_marginStart="16dp" android:contentDescription="@string/action_resume"
android:layout_marginTop="4dp" android:padding="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/resume" app:layout_constraintEnd_toStartOf="@+id/resume"
app:layout_constraintStart_toEndOf="@+id/cover" app:layout_constraintTop_toTopOf="parent"
app:layout_constraintTop_toBottomOf="@+id/manga_title" /> app:srcCompat="@drawable/ic_delete_24dp"
app:tint="?attr/colorOnPrimary" />
<ImageButton <ImageButton
android:id="@+id/resume" android:id="@+id/resume"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="8dp" android:layout_marginEnd="8dp"
android:background="?selectableItemBackgroundBorderless" android:background="?selectableItemBackgroundBorderless"
android:contentDescription="@string/action_resume" android:contentDescription="@string/action_resume"
android:padding="@dimen/material_layout_keylines_screen_edge_margin" android:padding="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/ic_play_arrow_24dp" app:srcCompat="@drawable/ic_play_arrow_24dp"
app:tint="?attr/colorOnPrimary" /> app:tint="?attr/colorOnPrimary" />
<Button
android:id="@+id/remove"
style="@style/Theme.Widget.Button.Error"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/action_remove"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/cover" />
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView> </androidx.cardview.widget.CardView>

View file

@ -236,11 +236,6 @@
<item name="rippleColor">?attr/colorAccent</item> <item name="rippleColor">?attr/colorAccent</item>
</style> </style>
<style name="Theme.Widget.Button.Error" parent="Theme.Widget.Button">
<item name="android:textColor">?attr/colorError</item>
<item name="rippleColor">?attr/colorError</item>
</style>
<style name="Theme.Widget.Button.FilledAccent" parent="Widget.MaterialComponents.Button"> <style name="Theme.Widget.Button.FilledAccent" parent="Widget.MaterialComponents.Button">
<item name="android:textColor">?attr/colorOnSecondary</item> <item name="android:textColor">?attr/colorOnSecondary</item>
<item name="backgroundTint">?attr/colorAccent</item> <item name="backgroundTint">?attr/colorAccent</item>