Fixed blog post metadata overlap on mobile/tablet

squidfunk · Sep 30, 2023 · 015685f · 015685f
1 parent bc9cdb5
commit 015685f
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 3 deletions.
diff --git a/material/templates/assets/stylesheets/main.1dbc8ddf.min.css b/material/templates/assets/stylesheets/main.1dbc8ddf.min.css
diff --git a/material/templates/assets/stylesheets/main.1dbc8ddf.min.css.map b/material/templates/assets/stylesheets/main.1dbc8ddf.min.css.map
diff --git a/material/templates/assets/stylesheets/main.b2ea3d00.min.css b/material/templates/assets/stylesheets/main.b2ea3d00.min.css
diff --git a/material/templates/assets/stylesheets/main.b2ea3d00.min.css.map b/material/templates/assets/stylesheets/main.b2ea3d00.min.css.map
diff --git a/material/templates/base.html b/material/templates/base.html
@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.b2ea3d00.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.1dbc8ddf.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a5377069.min.css' | url }}">

diff --git a/src/templates/assets/stylesheets/main/components/_post.scss b/src/templates/assets/stylesheets/main/components/_post.scss
@@ -161,6 +161,36 @@
 
   // [tablet -]: Adjust spacing
   @include break-to-device(tablet) {
+    position: initial;
+    width: 100%;
     padding: 0;
+
+    .md-sidebar__inner {
+      padding: 0;
+    }
+
+    .md-post__meta {
+      margin-inline: px2rem(12px);
+    }
+
+    .md-nav__item {
+      display: inline;
+      border: none;
+    }
+
+    .md-nav__list {
+      display: inline-flex;
+      flex-wrap: wrap;
+      gap: px2rem(12px);
+      padding-block: px2rem(12px);
+    }
+
+    .md-nav__link {
+      padding: 0;
+    }
+
+    .md-nav {
+      position: initial;
+    }
   }
 }