Reader: Apply equal heights between navigation and filter buttons (#2…

…2544)
wordpress-mobile · Feb 6, 2024 · 1668cc9 · 1668cc9
2 parents e149425 + 06a721e
commit 1668cc9
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/WordPress/Classes/ViewRelated/Reader/Tab Navigation/ReaderNavigationMenu.swift b/WordPress/Classes/ViewRelated/Reader/Tab Navigation/ReaderNavigationMenu.swift
@@ -28,9 +28,11 @@ struct ReaderNavigationMenu: View {
             ScrollView(.horizontal, showsIndicators: false) {
                 HStack {
                     ReaderNavigationButton(viewModel: viewModel)
+                        .frame(maxHeight: .infinity)
                         .animation(.easeInOut, value: viewModel.selectedItem)
                     streamFilterView
                 }
+                .fixedSize(horizontal: false, vertical: true)
             }
             .animation(.easeInOut, value: filters)
             .mask({
@@ -88,12 +90,12 @@ struct ReaderNavigationMenu: View {
         }
         // the inherent padding from the close image bumps the content height, so we'll need to reduce the padding
         // when the close button is shown.
-        .padding(.vertical, isSelected ? 6.0 : 10.0)
+        .padding(.vertical, 6.0)
         .padding(.leading, 16.0)
         .padding(.trailing, isSelected ? 8.0 : 16.0)
+        .frame(maxHeight: .infinity)
         .background(isSelected ? Colors.StreamFilter.selectedBackground : Colors.StreamFilter.background)
         .clipShape(Capsule())
-
     }
 
     struct Colors {