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

Reduced content shift when icons are loading

Browse Source
This commit is contained in:
squidfunk 2019-12-23 19:39:40 +01:00
parent c736cd9939
commit 581d7c017c
9 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/javascripts/bundle.js
View File

File diff suppressed because one or more lines are too long

2
material/assets/javascripts/bundle.js.map
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/app.css
View File

@ -86,6 +86,7 @@ input {
direction: ltr; } direction: ltr; }
.md-content__icon, .md-header-nav__button, .md-footer-nav__button, .md-nav__title::before, .md-nav__button, .md-search-result__article--document::before { .md-content__icon, .md-header-nav__button, .md-footer-nav__button, .md-nav__title::before, .md-nav__button, .md-search-result__article--document::before {
display: inline-block; display: inline-block;
width: 2rem;
margin: 0.2rem; margin: 0.2rem;
padding: 0.4rem; padding: 0.4rem;
font-size: 1.2rem; font-size: 1.2rem;

2
material/assets/stylesheets/app.css.map
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/app.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/app.min.css.map
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -43,9 +43,9 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/app.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/app.min.css' | url }}">
{% if palette.primary or palette.accent %} {% if palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/app-palette.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/app-palette.min.css' | url }}">
{% endif %} {% endif %}
{% if palette.primary %} {% if palette.primary %}
{% import "partials/palette.html" as map %} {% import "partials/palette.html" as map %}

1
src/assets/stylesheets/base/_icons.scss
View File

@ -42,6 +42,7 @@
// Icon rendered as button // Icon rendered as button
&__button { &__button {
display: inline-block; display: inline-block;
width: #{$md-icon-size + 2 * $md-icon-padding};
margin: $md-icon-margin; margin: $md-icon-margin;
padding: $md-icon-padding; padding: $md-icon-padding;
font-size: $md-icon-size; font-size: $md-icon-size;

4
src/base.html
View File

@ -97,7 +97,7 @@
<link <link
rel="stylesheet" rel="stylesheet"
type="text/css" type="text/css"
href="{{ 'assets/stylesheets/app.css' | url }}" href="{{ 'assets/stylesheets/app.min.css' | url }}"
/> />
<!-- Extra color palette --> <!-- Extra color palette -->
@ -105,7 +105,7 @@
<link <link
rel="stylesheet" rel="stylesheet"
type="text/css" type="text/css"
href="{{ 'assets/stylesheets/app-palette.css' | url }}" href="{{ 'assets/stylesheets/app-palette.min.css' | url }}"
/> />
{% endif %} {% endif %}