Add loading scrim to subscription settings bottom sheet

Replace individual switch disabling with a semi-transparent scrim
overlay that blocks interaction while loading. This provides clearer
visual feedback and prevents toggle jitter during loading states.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: nbradbury

WordPress/src/main/java/org/wordpress/android/ui/reader/subscription/ReaderSubscriptionSettingsBottomSheetFragment.kt

@@ -115,11 +115,10 @@ class ReaderSubscriptionSettingsBottomSheetFragment : BottomSheetDialogFragment(
             switchEmailPosts.setCheckedSilently(state.emailPostsEnabled)
             switchEmailComments.setCheckedSilently(state.emailCommentsEnabled)
 
-            // Update loading state
-            progressBar.visibility = if (state.isLoading) View.VISIBLE else View.GONE
-            switchNotifyPosts.isEnabled = !state.isLoading
-            switchEmailPosts.isEnabled = !state.isLoading
-            switchEmailComments.isEnabled = !state.isLoading
+            // Update loading state - scrim blocks interaction while loading
+            val loadingVisibility = if (state.isLoading) View.VISIBLE else View.GONE
+            loadingScrim.visibility = loadingVisibility
+            progressBar.visibility = loadingVisibility
         }
     }
 

WordPress/src/main/res/layout/reader_subscription_settings_bottom_sheet.xml

@@ -109,16 +109,30 @@
             android:textAppearance="?attr/textAppearanceSubtitle1"
             app:layout_constraintTop_toBottomOf="@+id/divider_3" />
 
-        <!-- Loading indicator -->
+        <!-- Loading scrim with progress indicator -->
+        <View
+            android:id="@+id/loading_scrim"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:background="@color/reader_subscription_loading_scrim"
+            android:clickable="true"
+            android:focusable="true"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/subscription_settings_blog_name"
+            tools:visibility="visible" />
+
         <ProgressBar
             android:id="@+id/progress_bar"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:visibility="gone"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="@+id/loading_scrim"
+            app:layout_constraintEnd_toEndOf="@+id/loading_scrim"
+            app:layout_constraintStart_toStartOf="@+id/loading_scrim"
+            app:layout_constraintTop_toTopOf="@+id/loading_scrim"
             tools:visibility="visible" />
 
     </androidx.constraintlayout.widget.ConstraintLayout>

WordPress/src/main/res/values/colors.xml

@@ -94,6 +94,7 @@
     <color name="reader_footer_progress_background">@color/white</color>
     <color name="reader_button_primary_background">@color/black</color>
     <color name="reader_button_primary_text">@color/white</color>
+    <color name="reader_subscription_loading_scrim">@color/white_translucent_50</color>
 
     <!-- Reader Interest Chips -->
     <color name="reader_interest_filter_chip_text">@color/material_on_surface_emphasis_high_type</color>