💄 No section full height in mobile + fix Safari (#432, #442)

src/styles/dimensions.scss

@@ -20,6 +20,7 @@
   --item-icon-transform-hover: drop-shadow(4px 8px 3px var(--transparent-50)) saturate(2);
   --item-group-shadow: var(--item-shadow);
   --context-menu-shadow: var(--item-shadow);
+  --section-max-height: 3000px;
 
   /* Settings and config menu */
   --settings-container-shadow: none;
@@ -30,4 +31,4 @@
   --tooltip-arrow-size: 6px;
   --tooltip-width: 250px;
   --tooltip-padding: 0.2rem;
-}
+}

src/styles/media-queries.scss

@@ -45,6 +45,11 @@ $extra-large: 2800px;
   }
 }
 
+@mixin phone-up {
+  @media (min-width: #{$tiny}) {
+    @content;
+  }
+}
 @mixin tablet-up {
   @media (min-width: #{$small}) {
     @content;
@@ -70,4 +75,11 @@ $extra-large: 2800px;
   @media (max-width: #{$small - 1px}) {
     @content;
   }
-}
+}
+
+@mixin safari {
+  _::-webkit-full-page-media, _:future, :root .safari_only {
+    @content;
+  }
+}
+