_sidebar.scss in active_frontend-16.1.7

- old
+ new

@@ -41,11 +41,11 @@
 .sidebar-footer {
   padding: 30px 0;
   text-align: center;
 }
 .sidebar-body,
-.sidebar-subtitle { padding: 0 15px; }
+.sidebar-subtitle { padding: 0 calc(15px + env(safe-area-inset-right) + env(safe-area-inset-left)); }
 .sidebar-subtitle {
   background: color(light-haze);
   border-bottom: 1px solid;
   border-bottom-color: inherit;
   font-size: text-size(xs);
@@ -55,19 +55,19 @@
   > a {
     border-bottom-style: solid;
     border-bottom-width: 1px;
     box-sizing: border-box;
     display: block;
-    padding: 20px 15px;
+    padding: 20px calc(15px + env(safe-area-inset-right) + env(safe-area-inset-left));
     width: 100%;
   }
   > ul {
     background: color(light-haze);
     border-bottom-color: inherit;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     list-style: none;
-    padding: 15px 30px;
+    padding: 15px calc(30px + env(safe-area-inset-right) + env(safe-area-inset-left));
 
     a {
       display: block;
       padding: 5px;
     }