feat(module: styles): sync with ant design mobile of react (#403)

NG-ZORRO · Apr 29, 2019 · 5c77b8c · 5c77b8c
1 parent dcf4a61
commit 5c77b8c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/components/action-sheet/style/index.less b/components/action-sheet/style/index.less
@@ -10,6 +10,7 @@
   bottom: 0;
   width: 100%;
   background-color: @fill-base;
+  padding-bottom: env(safe-area-inset-bottom);
 
   &&-share {
     background-color: #f2f2f2;
@@ -37,6 +38,7 @@
 
     &-item {
       font-size: @actionsheet-item-font-size;
+      padding: 0 8 * @hd;
       padding: 0;
       margin: 0;
       position: relative;
@@ -45,6 +47,7 @@
       box-sizing: border-box;
       white-space: nowrap;
       text-overflow: ellipsis;
+      // overflow-x: hidden;
       .hairline('top');
       &&-active {
         background-color: @fill-tap;

diff --git a/components/modal/style/Dialog.less b/components/modal/style/Dialog.less
@@ -65,6 +65,10 @@
     &-slide-up {
       bottom: 0;
     }
+
+    .@{modalPrefixClass}-content {
+      padding-bottom: env(safe-area-inset-bottom);
+    }
   }
 
   &-title {