Fixed horizontal scrollbars on MathJax containers

This commit is contained in:
squidfunk 2023-12-09 11:35:54 +01:00
parent 31eafc9d4b
commit 00c5b0a94a
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
4 changed files with 14 additions and 4 deletions

View File

@ -44,7 +44,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.45e1311d.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.50c56a3b.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.06af60db.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.06af60db.min.css' | url }}">

View File

@ -34,11 +34,15 @@
// [mobile -]: Align with body copy // [mobile -]: Align with body copy
@include break-to-device(mobile) { @include break-to-device(mobile) {
margin: 0 px2rem(-16px); margin: 0 px2rem(-16px);
// Arithmatex content
> * {
width: min-content;
}
} }
// Arithmatex content // Arithmatex content
> * { > * {
width: min-content;
padding: 0 px2rem(16px); padding: 0 px2rem(16px);
margin-inline: auto !important; // stylelint-disable-line margin-inline: auto !important; // stylelint-disable-line
touch-action: auto; touch-action: auto;
@ -48,5 +52,11 @@
margin: 0 !important; // stylelint-disable-line margin: 0 !important; // stylelint-disable-line
} }
} }
// Prevent horizontal overflow, as this element is not visible but still has
// a height, which might be a bug in MathJax - see https://t.ly/ckPiA
mjx-assistive-mml {
height: 0;
}
} }
} }