feat(actions): fix actions position padding in md theme with safe areas

framework7io · Mar 31, 2023 · 4d34afd · 4d34afd
1 parent ae56de7
commit 4d34afd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/core/components/actions/actions-md.less b/src/core/components/actions/actions-md.less
@@ -2,6 +2,7 @@
   .actions-modal {
     background-color: var(--f7-actions-bg-color);
     border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0;
+    padding-bottom: var(--f7-safe-area-bottom);
   }
   .actions-button {
     transition-duration: 300ms;

diff --git a/src/core/components/actions/actions.less b/src/core/components/actions/actions.less
@@ -24,9 +24,12 @@
   &.not-animated {
     transition-duration: 0ms;
   }
-  &.modal-in {
+  .ios &.modal-in {
     transform: translate3d(0, calc(-1 * var(--f7-safe-area-bottom)), 0);
   }
+  .md &.modal-in {
+    transform: translate3d(0, 0, 0);
+  }
   &.modal-out {
     z-index: 13500 - 1;
     transform: translate3d(0, 100%, 0);