Fixed sidebar on Firefox mobile (#8083)

Author: squidfunk

material/templates/assets/stylesheets/main.4af4bdda.min.css

@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.8608ea7d.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.4af4bdda.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.06af60db.min.css' | url }}">

material/templates/assets/stylesheets/main.8608ea7d.min.css.map renamed to material/templates/assets/stylesheets/main.4af4bdda.min.css.map

@@ -124,15 +124,19 @@
     margin: 0 px2rem(4px);
     overflow-y: auto;
     scrollbar-color: var(--md-default-fg-color--lighter) transparent;
-    scrollbar-gutter: stable;
-    // Hack: Chrome 81+ exhibits a strange bug, where it scrolls the container
-    // to the bottom if `scroll-snap-type` is set on the initial render. For
-    // this reason, we disable scroll snapping until this is resolved (#1667).
-    // scroll-snap-type: y mandatory;
-    scrollbar-width: thin;
     // Hack: promote to own layer to reduce jitter
     backface-visibility: hidden;
 
+    // [tablet landscape +]: Show sidebars
+    @include break-from-device(tablet landscape) {
+      scrollbar-gutter: stable;
+      // Hack: Chrome 81+ exhibits a strange bug, where it scrolls the container
+      // to the bottom if `scroll-snap-type` is set on the initial render. For
+      // this reason, we disable scroll snapping until this is resolved (#1667).
+      // scroll-snap-type: y mandatory;
+      scrollbar-width: thin;
+    }
+
     // Webkit scrollbar
     &::-webkit-scrollbar {
       width: px2rem(4px);