MOBILE-4842 theme: Remove footer bottom shadow

albertgasset · albertgasset · commit d3db7c50a6cb · 2025-10-09T12:03:24.000+02:00
Fixes footer shadow overlapping the bottom safe area on Android.
diff --git a/src/core/features/mainmenu/pages/more/more.html b/src/core/features/mainmenu/pages/more/more.html
@@ -71,7 +71,7 @@ <h1>{{ 'core.more' | translate }}</h1>
         }
     </ion-list>
 </ion-content>
-<ion-footer class="ion-no-border">
+<ion-footer>
     <ion-item button (click)="openSettings()" [attr.aria-label]="'core.settings.appsettings' | translate" [detail]="true">
         <ion-icon name="fas-gears" slot="start" aria-hidden="true" />
         <ion-label>
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
@@ -168,6 +168,11 @@ ion-app > ion-modal.core-modal-lateral {
     --ion-safe-area-top: inherit;
 }
 
+// Remove footer bottom shadow (Android only).
+ion-footer.md {
+    clip-path: inset(-12px 0px 1px 0px);
+}
+
 ion-tabs.placement-side .tabs-inner {
     --ion-safe-area-left: 0px;
 }

Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@ <h1>{{ 'core.more' \| translate }}</h1>`
`71`	`71`	`}`
`72`	`72`	`</ion-list>`
`73`	`73`	`</ion-content>`
`74`		`-<ion-footer class="ion-no-border">`
	`74`	`+<ion-footer>`
`75`	`75`	`<ion-item button (click)="openSettings()" [attr.aria-label]="'core.settings.appsettings' \| translate" [detail]="true">`
`76`	`76`	`<ion-icon name="fas-gears" slot="start" aria-hidden="true" />`
`77`	`77`	`<ion-label>`
Original file line number	Diff line number	Diff line change
`@@ -168,6 +168,11 @@ ion-app > ion-modal.core-modal-lateral {`
`168`	`168`	`--ion-safe-area-top: inherit;`
`169`	`169`	`}`
`170`	`170`
	`171`	`+// Remove footer bottom shadow (Android only).`
	`172`	`+ion-footer.md {`
	`173`	`+ clip-path: inset(-12px 0px 1px 0px);`
	`174`	`+}`
	`175`	`+`
`171`	`176`	`ion-tabs.placement-side .tabs-inner {`
`172`	`177`	`--ion-safe-area-left: 0px;`
`173`	`178`	`}`