OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed blog post metadata overlap on mobile/tablet

Browse Source
This commit is contained in:
squidfunk 2023-09-30 12:21:36 +02:00
parent bc9cdb5774
commit 015685f421
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
6 changed files with 33 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/templates/assets/stylesheets/main.1dbc8ddf.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.1dbc8ddf.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.b2ea3d00.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.b2ea3d00.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/templates/base.html
View File

@ -44,7 +44,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% 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 %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a5377069.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a5377069.min.css' | url }}">

30
src/templates/assets/stylesheets/main/components/_post.scss
View File

@ -161,6 +161,36 @@
// [tablet -]: Adjust spacing // [tablet -]: Adjust spacing
@include break-to-device(tablet) { @include break-to-device(tablet) {
position: initial;
width: 100%;
padding: 0;
.md-sidebar__inner {
padding: 0; 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;
}
}
} }