From 2a178123c27cd42682dfaa751581cfe1cb4f64cb Mon Sep 17 00:00:00 2001
From: Jays2Kings <jays@outlook.com>
Date: Mon, 23 Aug 2021 00:25:21 -0400
Subject: [PATCH] Updates to fading out the text beside the more button in
 details

---
 .../layout-sw600dp-land/manga_header_item.xml | 30 ++++++++++++++++---
 .../layout-sw600dp-port/manga_header_item.xml | 30 ++++++++++++++++---
 app/src/main/res/layout/manga_header_item.xml | 30 ++++++++++++++++---
 3 files changed, 78 insertions(+), 12 deletions(-)

diff --git a/app/src/main/res/layout-sw600dp-land/manga_header_item.xml b/app/src/main/res/layout-sw600dp-land/manga_header_item.xml
index e060b0c8ff..c50937947e 100644
--- a/app/src/main/res/layout-sw600dp-land/manga_header_item.xml
+++ b/app/src/main/res/layout-sw600dp-land/manga_header_item.xml
@@ -249,21 +249,43 @@
         android:id="@+id/more_bg_gradient"
         android:layout_width="60dp"
         android:layout_height="16sp"
-        android:layout_marginEnd="30dp"
         android:background="@drawable/full_gradient"
         android:backgroundTint="?android:attr/colorBackground"
         app:layout_constraintBottom_toBottomOf="@id/manga_summary"
-        app:layout_constraintEnd_toEndOf="@id/more_button" />
+        app:layout_constraintEnd_toEndOf="@id/more_end_guide" />
+
+    <View
+        android:id="@+id/more_end_guide"
+        android:layout_width="24dp"
+        android:layout_height="0dp"
+        app:layout_constraintStart_toStartOf="@+id/more_button_template"
+        app:layout_constraintTop_toTopOf="@id/more_button"
+        app:layout_constraintBottom_toBottomOf="@id/more_button"/>
 
     <View
         android:id="@+id/more_bg_solid"
         android:layout_width="0dp"
         android:layout_height="16sp"
-        android:layout_marginStart="45dp"
         android:background="?android:attr/colorBackground"
         app:layout_constraintBottom_toBottomOf="@id/manga_summary"
+        app:layout_constraintEnd_toEndOf="@id/more_button_template"
+        app:layout_constraintStart_toStartOf="@id/more_button_template" />
+
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/more_button_template"
+        style="@style/Theme.Widget.Button.TextButton"
+        android:minWidth="0dp"
+        android:paddingStart="0dp"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/more"
+        android:textAlignment="viewEnd"
+        app:layout_constraintBottom_toBottomOf="@id/more_guide"
         app:layout_constraintEnd_toEndOf="@id/more_button"
-        app:layout_constraintStart_toStartOf="@id/more_button" />
+        app:layout_constraintTop_toTopOf="@id/more_button"
+        android:visibility="invisible"
+        app:rippleColor="@null"
+        tools:ignore="RtlSymmetry" />
 
     <View
         android:id="@+id/more_guide"
diff --git a/app/src/main/res/layout-sw600dp-port/manga_header_item.xml b/app/src/main/res/layout-sw600dp-port/manga_header_item.xml
index 0c69f68147..af1adb586d 100644
--- a/app/src/main/res/layout-sw600dp-port/manga_header_item.xml
+++ b/app/src/main/res/layout-sw600dp-port/manga_header_item.xml
@@ -248,21 +248,43 @@
         android:id="@+id/more_bg_gradient"
         android:layout_width="60dp"
         android:layout_height="16sp"
-        android:layout_marginEnd="30dp"
         android:background="@drawable/full_gradient"
         android:backgroundTint="?android:attr/colorBackground"
         app:layout_constraintBottom_toBottomOf="@id/manga_summary"
-        app:layout_constraintEnd_toEndOf="@id/more_button" />
+        app:layout_constraintEnd_toEndOf="@id/more_end_guide" />
+
+    <View
+        android:id="@+id/more_end_guide"
+        android:layout_width="24dp"
+        android:layout_height="0dp"
+        app:layout_constraintStart_toStartOf="@+id/more_button_template"
+        app:layout_constraintTop_toTopOf="@id/more_button"
+        app:layout_constraintBottom_toBottomOf="@id/more_button"/>
 
     <View
         android:id="@+id/more_bg_solid"
         android:layout_width="0dp"
         android:layout_height="16sp"
-        android:layout_marginStart="45dp"
         android:background="?android:attr/colorBackground"
         app:layout_constraintBottom_toBottomOf="@id/manga_summary"
+        app:layout_constraintEnd_toEndOf="@id/more_button_template"
+        app:layout_constraintStart_toStartOf="@id/more_button_template" />
+
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/more_button_template"
+        style="@style/Theme.Widget.Button.TextButton"
+        android:minWidth="0dp"
+        android:paddingStart="0dp"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/more"
+        android:textAlignment="viewEnd"
+        app:layout_constraintBottom_toBottomOf="@id/more_guide"
         app:layout_constraintEnd_toEndOf="@id/more_button"
-        app:layout_constraintStart_toStartOf="@id/more_button" />
+        app:layout_constraintTop_toTopOf="@id/more_button"
+        android:visibility="invisible"
+        app:rippleColor="@null"
+        tools:ignore="RtlSymmetry" />
 
     <View
         android:id="@+id/more_guide"
diff --git a/app/src/main/res/layout/manga_header_item.xml b/app/src/main/res/layout/manga_header_item.xml
index fe8e3986c2..c2cda88391 100644
--- a/app/src/main/res/layout/manga_header_item.xml
+++ b/app/src/main/res/layout/manga_header_item.xml
@@ -248,21 +248,43 @@
         android:id="@+id/more_bg_gradient"
         android:layout_width="60dp"
         android:layout_height="16sp"
-        android:layout_marginEnd="30dp"
         android:background="@drawable/full_gradient"
         android:backgroundTint="?android:attr/colorBackground"
         app:layout_constraintBottom_toBottomOf="@id/manga_summary"
-        app:layout_constraintEnd_toEndOf="@id/more_button" />
+        app:layout_constraintEnd_toEndOf="@id/more_end_guide" />
+
+    <View
+        android:id="@+id/more_end_guide"
+        android:layout_width="24dp"
+        android:layout_height="0dp"
+        app:layout_constraintStart_toStartOf="@+id/more_button_template"
+        app:layout_constraintTop_toTopOf="@id/more_button"
+        app:layout_constraintBottom_toBottomOf="@id/more_button"/>
 
     <View
         android:id="@+id/more_bg_solid"
         android:layout_width="0dp"
         android:layout_height="16sp"
-        android:layout_marginStart="45dp"
         android:background="?android:attr/colorBackground"
         app:layout_constraintBottom_toBottomOf="@id/manga_summary"
+        app:layout_constraintEnd_toEndOf="@id/more_button_template"
+        app:layout_constraintStart_toStartOf="@id/more_button_template" />
+
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/more_button_template"
+        style="@style/Theme.Widget.Button.TextButton"
+        android:minWidth="0dp"
+        android:paddingStart="0dp"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/more"
+        android:textAlignment="viewEnd"
+        app:layout_constraintBottom_toBottomOf="@id/more_guide"
         app:layout_constraintEnd_toEndOf="@id/more_button"
-        app:layout_constraintStart_toStartOf="@id/more_button" />
+        app:layout_constraintTop_toTopOf="@id/more_button"
+        android:visibility="invisible"
+        app:rippleColor="@null"
+        tools:ignore="RtlSymmetry" />
 
     <View
         android:id="@+id/more_guide"