[Side Sheet] Changed side sheet title text appearance to Title Large.

This change is in the Catalog, since the developer is responsible for layout elements within the side sheet. Also changed some other elements of the side sheet content layouts to balance out the visual look of the sheets. PiperOrigin-RevId: 532788247
material-components · May 22, 2023 · a0d4fa0 · a0d4fa0
1 parent af1fa70
commit a0d4fa0
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 15 deletions.
diff --git a/catalog/java/io/material/catalog/sidesheet/res/layout/cat_sidesheet_content.xml b/catalog/java/io/material/catalog/sidesheet/res/layout/cat_sidesheet_content.xml
@@ -39,8 +39,9 @@
     android:id="@+id/side_sheet_title_text"
     android:layout_width="0dp"
     android:layout_height="wrap_content"
+    android:paddingBottom="24dp"
     android:text="@string/cat_sidesheet_standard_title"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceTitleLarge"
     app:layout_constraintEnd_toStartOf="@id/close_icon_button"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toTopOf="parent" />
@@ -49,8 +50,10 @@
     android:id="@+id/side_sheet_state_text"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
+    android:layout_gravity="center"
+    android:paddingBottom="4dp"
     android:text="@string/cat_sidesheet_state_settling"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceBodyLarge"
     android:visibility="gone"
     app:layout_constraintEnd_toEndOf="parent"
     app:layout_constraintStart_toStartOf="parent"
@@ -60,8 +63,9 @@
     android:id="@+id/side_sheet_slide_offset_text"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
+    android:layout_gravity="center"
     android:text="@string/cat_sidesheet_slide_offset_text"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceBodyLarge"
     android:visibility="gone"
     app:layout_constraintEnd_toEndOf="parent"
     app:layout_constraintStart_toStartOf="parent"

diff --git a/catalog/java/io/material/catalog/sidesheet/res/layout/cat_sidesheet_content_coplanar.xml b/catalog/java/io/material/catalog/sidesheet/res/layout/cat_sidesheet_content_coplanar.xml
@@ -37,8 +37,9 @@
     android:id="@+id/coplanar_side_sheet_title_text"
     android:layout_width="0dp"
     android:layout_height="wrap_content"
+    android:paddingBottom="24dp"
     android:text="@string/cat_sidesheet_coplanar_title"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceTitleLarge"
     app:layout_constraintEnd_toStartOf="@id/coplanar_side_sheet_close_icon_button"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toTopOf="parent" />
@@ -59,19 +60,23 @@
         android:id="@+id/coplanar_side_sheet_state_text"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:paddingBottom="4dp"
         android:text="@string/cat_sidesheet_state_settling"
-        android:textAppearance="?attr/textAppearanceHeadlineSmall" />
+        android:textAppearance="?attr/textAppearanceBodyLarge" />
 
       <TextView
         android:id="@+id/coplanar_side_sheet_slide_offset_text"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="center"
         android:text="@string/cat_sidesheet_slide_offset_text"
-        android:textAppearance="?attr/textAppearanceHeadlineSmall" />
+        android:textAppearance="?attr/textAppearanceBodyLarge" />
 
       <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:paddingTop="24dp"
         android:text="@string/cat_sidesheet_filler_text" />
     </LinearLayout>
   </androidx.core.widget.NestedScrollView>

diff --git a/...java/io/material/catalog/sidesheet/res/layout/cat_sidesheet_content_coplanar_detached.xml b/...java/io/material/catalog/sidesheet/res/layout/cat_sidesheet_content_coplanar_detached.xml
@@ -37,8 +37,9 @@
     android:id="@+id/coplanar_detached_side_sheet_title_text"
     android:layout_width="0dp"
     android:layout_height="wrap_content"
+    android:paddingBottom="24dp"
     android:text="@string/cat_sidesheet_coplanar_detached_title"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceTitleLarge"
     app:layout_constraintEnd_toStartOf="@id/coplanar_detached_side_sheet_close_icon_button"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toTopOf="parent" />
@@ -59,19 +60,23 @@
         android:id="@+id/coplanar_detached_side_sheet_state_text"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:paddingBottom="4dp"
         android:text="@string/cat_sidesheet_state_settling"
-        android:textAppearance="?attr/textAppearanceHeadlineSmall" />
+        android:textAppearance="?attr/textAppearanceBodyLarge" />
 
       <TextView
         android:id="@+id/coplanar_detached_side_sheet_slide_offset_text"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="center"
         android:text="@string/cat_sidesheet_slide_offset_text"
-        android:textAppearance="?attr/textAppearanceHeadlineSmall" />
+        android:textAppearance="?attr/textAppearanceBodyLarge" />
 
       <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:paddingTop="24dp"
         android:text="@string/cat_sidesheet_filler_text" />
     </LinearLayout>
   </androidx.core.widget.NestedScrollView>

diff --git a/...a/io/material/catalog/sidesheet/res/layout/cat_sidesheet_content_vertically_scrolling.xml b/...a/io/material/catalog/sidesheet/res/layout/cat_sidesheet_content_vertically_scrolling.xml
@@ -37,8 +37,9 @@
     android:id="@+id/vertically_scrolling_side_sheet_title_text"
     android:layout_width="0dp"
     android:layout_height="wrap_content"
+    android:paddingBottom="24dp"
     android:text="@string/cat_sidesheet_standard_title"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceTitleLarge"
     app:layout_constraintEnd_toStartOf="@id/vertically_scrolling_side_sheet_close_icon_button"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toTopOf="parent" />
@@ -59,19 +60,23 @@
         android:id="@+id/vertically_scrolling_side_sheet_state_text"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:paddingBottom="4dp"
         android:text="@string/cat_sidesheet_state_settling"
-        android:textAppearance="?attr/textAppearanceHeadlineSmall" />
+        android:textAppearance="?attr/textAppearanceBodyLarge" />
 
       <TextView
         android:id="@+id/vertically_scrolling_side_sheet_slide_offset_text"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="center"
         android:text="@string/cat_sidesheet_slide_offset_text"
-        android:textAppearance="?attr/textAppearanceHeadlineSmall" />
+        android:textAppearance="?attr/textAppearanceBodyLarge" />
 
       <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:paddingTop="24dp"
         android:text="@string/cat_sidesheet_filler_text" />
     </LinearLayout>
   </androidx.core.widget.NestedScrollView>

diff --git a/catalog/java/io/material/catalog/sidesheet/res/layout/cat_sidesheet_detached_content.xml b/catalog/java/io/material/catalog/sidesheet/res/layout/cat_sidesheet_detached_content.xml
@@ -39,8 +39,10 @@
     android:id="@+id/detached_side_sheet_title_text"
     android:layout_width="0dp"
     android:layout_height="wrap_content"
+    android:layout_gravity="center"
+    android:paddingBottom="24dp"
     android:text="@string/cat_sidesheet_standard_detached_title"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceTitleLarge"
     app:layout_constraintEnd_toStartOf="@id/detached_close_icon_button"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toTopOf="parent" />
@@ -49,8 +51,10 @@
     android:id="@+id/detached_side_sheet_state_text"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
+    android:layout_gravity="center"
+    android:paddingBottom="4dp"
     android:text="@string/cat_sidesheet_state_settling"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceBodyLarge"
     app:layout_constraintEnd_toEndOf="parent"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toBottomOf="@id/detached_side_sheet_title_text" />
@@ -59,8 +63,9 @@
     android:id="@+id/detached_side_sheet_slide_offset_text"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
+    android:layout_gravity="center"
     android:text="@string/cat_sidesheet_slide_offset_text"
-    android:textAppearance="?attr/textAppearanceHeadlineSmall"
+    android:textAppearance="?attr/textAppearanceBodyLarge"
     app:layout_constraintEnd_toEndOf="parent"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toBottomOf="@id/detached_side_sheet_state_text" />