Browse Source

fix(mobile): maximum width for modal content container

charlie 3 years ago
parent
commit
38e58b7de5
2 changed files with 7 additions and 2 deletions
  1. 2 1
      src/main/frontend/components/command_palette.css
  2. 5 1
      src/main/frontend/ui.css

+ 2 - 1
src/main/frontend/components/command_palette.css

@@ -108,7 +108,8 @@ html.is-ios {
 
   .cp__palette-main {
     margin-bottom: 0;
-    --palettle-container-height: calc(98vh - 8rem - var(--ls-native-kb-height));
+    min-height: var(--palettle-input-height);
+    --palettle-container-height: calc(98vh - 6rem - var(--ls-native-kb-height));
   }
 }
 

+ 5 - 1
src/main/frontend/ui.css

@@ -113,7 +113,6 @@
 
       @screen sm {
         overflow-y: overlay;
-        min-width: 720px;
         max-height: 85vh;
         padding: 2rem;
         width: auto;
@@ -232,11 +231,16 @@ html.is-mobile {
       .panel-content {
         padding-bottom: 0;
       }
+
+      .ls-search {
+        padding-bottom: 0;
+      }
     }
   }
 
   .ui__modal-panel .panel-content {
     width: calc(98vw - 2rem);
+    max-width: var(--ls-main-content-max-width);
     padding-top: 24px;
   }
 }