MOBILE-4842 menu: Avoid duplicating safe areas on RTL and side menu

crazyserver · crazyserver · commit 758673e311b2 · 2025-10-08T15:46:39.000+02:00
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
@@ -172,6 +172,11 @@ ion-tabs.placement-side .tabs-inner {
     --ion-safe-area-left: 0px;
 }
 
+:root[dir=rtl] ion-tabs.placement-side .tabs-inner {
+    --ion-safe-area-right: 0px;
+    --ion-safe-area-left: var(--root-safe-area-left);
+}
+
 ion-tabs.placement-bottom .tabs-inner {
     --ion-safe-area-bottom: 0px;
 }

Original file line number	Diff line number	Diff line change
`@@ -172,6 +172,11 @@ ion-tabs.placement-side .tabs-inner {`
`172`	`172`	`--ion-safe-area-left: 0px;`
`173`	`173`	`}`
`174`	`174`
	`175`	`+:root[dir=rtl] ion-tabs.placement-side .tabs-inner {`
	`176`	`+ --ion-safe-area-right: 0px;`
	`177`	`+ --ion-safe-area-left: var(--root-safe-area-left);`
	`178`	`+}`
	`179`	`+`
`175`	`180`	`ion-tabs.placement-bottom .tabs-inner {`
`176`	`181`	`--ion-safe-area-bottom: 0px;`
`177`	`182`	`}`