fix(modal): respect safe area insets on tablet-sized screens

ShaneK · ShaneK · commit c54f257633ef · 2025-12-23T14:28:12.000-08:00
diff --git a/core/src/components/modal/modal.scss b/core/src/components/modal/modal.scss
@@ -94,10 +94,6 @@ ion-backdrop {
   :host {
     --width: #{$modal-inset-width};
     --height: #{$modal-inset-height-small};
-    --ion-safe-area-top: 0px;
-    --ion-safe-area-bottom: 0px;
-    --ion-safe-area-right: 0px;
-    --ion-safe-area-left: 0px;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -94,10 +94,6 @@ ion-backdrop {`
`94`	`94`	`:host {`
`95`	`95`	`--width: #{$modal-inset-width};`
`96`	`96`	`--height: #{$modal-inset-height-small};`
`97`		`- --ion-safe-area-top: 0px;`
`98`		`- --ion-safe-area-bottom: 0px;`
`99`		`- --ion-safe-area-right: 0px;`
`100`		`- --ion-safe-area-left: 0px;`
`101`	`97`	`}`
`102`	`98`	`}`
`103`	`99`