Fixed overflowing content area after switch to flexbox

This commit is contained in:
squidfunk 2020-04-26 20:11:03 +02:00
parent 12ec077e70
commit 8330e17262
7 changed files with 18 additions and 7 deletions

View File

@ -5,8 +5,8 @@
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.ff4ef43d.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.58d22e8e.min.js",
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.58d22e8e.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.c3c42cb5.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.c3c42cb5.min.css.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.6b2d750c.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.6b2d750c.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.b88dff20.min.css",
"assets/stylesheets/palette.css.map": "assets/stylesheets/palette.b88dff20.min.css.map"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -41,7 +41,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.c3c42cb5.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.6b2d750c.min.css' | url }}">
{% if palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.b88dff20.min.css' | url }}">
{% endif %}

View File

@ -27,6 +27,17 @@
// Content container
.md-content {
flex: 1;
max-width: 100%;
// [tablet landscape]: Decrease horizontal width
@include break-at-device(tablet landscape) {
max-width: calc(100% - #{px2rem(242px)});
}
// [screen +]: Decrease horizontal width
@include break-from-device(screen) {
max-width: calc(100% - #{px2rem(242px)} * 2);
}
// Define spacing
&__inner {