fix(iOS): tweak setting panel css

samuelbaizg · Jan 10, 2022 · 86c7e63 · 86c7e63
1 parent c1a57b4
commit 86c7e63
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 9 deletions.
diff --git a/src/main/frontend/components/header.css b/src/main/frontend/components/header.css
@@ -268,6 +268,10 @@ html.is-native-ipad {
     .cp__right-sidebar-topbar {
         padding-top: 37px;
     }
+
+    .ui__modal {
+        top: 20vh;
+    }
   }
 
 html.is-native-iphone {
@@ -284,7 +288,7 @@ html.is-native-iphone {
     }
 
     #main-container {
-        padding-top: 75px;
+        padding-top: 83px;
     }
 
     @media (orientation: landscape) {
@@ -296,11 +300,7 @@ html.is-native-iphone {
         }
 
         #main-container {
-            padding-top: 20px;
-        }
-
-        #main-content{
-            padding-top: 0px;
+            padding-top: 45px;
         }
     }
 }
@@ -310,6 +310,10 @@ html.is-native-iphone-without-notch {
     --ls-headbar-inner-top-padding: 15px;
     --ls-headbar-height: 2.5rem;
 
+    #main-container {
+        padding-top: 55px;
+    }
+
     @media (orientation: landscape) {
 
         --ls-headbar-inner-top-padding: 0px;
@@ -320,7 +324,7 @@ html.is-native-iphone-without-notch {
         }
 
         #main-container {
-            padding-top: 20px;
+            padding-top: 40px;
         }
     }
 }
diff --git a/src/main/frontend/components/settings.css b/src/main/frontend/components/settings.css
@@ -255,6 +255,21 @@
   margin-right: 4px;
 }
 
+html.is-native-android,
+html.is-native-iphone,
+html.is-native-iphone-without-notch {
+
+    .cp__settings-inner {
+        > article {
+            padding-bottom: 0px;
+        }
+
+        .panel-wrap {
+            padding-bottom: 0px;
+        }
+    }
+}
+
 svg.git {
     margin-left: -4px;
     transform: scale(0.9);

diff --git a/src/main/frontend/ui.css b/src/main/frontend/ui.css
@@ -139,10 +139,11 @@
 }
 
 html.is-native-andorid,
-html.is-native-iphone
+html.is-native-iphone,
+html.is-native-iphone-without-notch
 {
     .ui__modal {
-        top: 22vh;
+        top: 10vh;
     }
 
     .references .foldable-title {