feat: Hide page buttons on mobile when sidebar is open (#732)

BenjaminMichaelis · web-flow · commit c9235d6dc9b1 · 2025-05-29T13:22:08.000-07:00
diff --git a/EssentialCSharp.Web/wwwroot/css/styles.css b/EssentialCSharp.Web/wwwroot/css/styles.css
@@ -358,7 +358,8 @@ a:hover {
 
 /* Hide turn-page buttons on mobile when sidebar is open */
 @media only screen and (max-width: 768px) {
-  .layout.has-sidebar .turn-page {
+  /* Hide buttons when sidebar is open on mobile (sidebarSmall class is used) */
+  body:has(.sidebarSmall) .turn-page {
     display: none;
   }
   

Original file line number	Diff line number	Diff line change
`@@ -358,7 +358,8 @@ a:hover {`
`358`	`358`
`359`	`359`	`/* Hide turn-page buttons on mobile when sidebar is open */`
`360`	`360`	`@media only screen and (max-width: 768px) {`
`361`		`- .layout.has-sidebar .turn-page {`
	`361`	`+ /* Hide buttons when sidebar is open on mobile (sidebarSmall class is used) */`
	`362`	`+ body:has(.sidebarSmall) .turn-page {`
`362`	`363`	`display: none;`
`363`	`364`	`}`
`364`	`365`