Fixed header title positioning for right-to-left languages

This commit is contained in:
squidfunk 2021-12-12 11:43:59 +01:00
parent 2e7c976133
commit d7155fc523
5 changed files with 10 additions and 4 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

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

View File

@ -190,6 +190,12 @@
font-size: px2rem(18px); font-size: px2rem(18px);
line-height: px2rem(48px); line-height: px2rem(48px);
// Adjust for right-to-left languages
[dir="rtl"] & {
margin-right: px2rem(20px);
margin-left: px2rem(8px);
}
// Header title in active state, i.e. page title is visible // Header title in active state, i.e. page title is visible
&[data-md-state="active"] .md-header__topic { &[data-md-state="active"] .md-header__topic {
z-index: -1; z-index: -1;