Fixed overflow/clearfix issues for code result blocks

This commit is contained in:
squidfunk 2022-01-10 14:45:04 +01:00
parent 50408bf984
commit aa3440215a
4 changed files with 12 additions and 4 deletions

View File

@ -34,7 +34,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.b9f2424c.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.faa78eba.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.e6a45f82.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.e6a45f82.min.css' | url }}">

View File

@ -318,10 +318,18 @@
:is(.highlight, .highlighttable) + .result { :is(.highlight, .highlighttable) + .result {
margin-top: calc(-1em + #{px2em(-2px)}); margin-top: calc(-1em + #{px2em(-2px)});
padding: 0 px2em(16px); padding: 0 px2em(16px);
overflow: auto; overflow: visible;
border: px2rem(1px) solid var(--md-code-bg-color); border: px2rem(1px) solid var(--md-code-bg-color);
border-top-width: px2rem(2px);
border-bottom-right-radius: px2rem(2px); border-bottom-right-radius: px2rem(2px);
border-bottom-left-radius: px2rem(2px); border-bottom-left-radius: px2rem(2px);
// Clearfix, because we can't use overflow: auto
&::after {
display: block;
clear: both;
content: "";
}
} }
} }