misc: use .sr-only to hide site_title when $header-logo-size is used (#69398)

This commit is contained in:
Thomas Jund 2022-10-12 16:35:12 +02:00
parent 92aa6b3ace
commit 6676d24b28
2 changed files with 9 additions and 2 deletions

View File

@ -24,6 +24,11 @@ $show-site-title: null !default;
@mixin display-site-title($display) {
@if $display == false {
text-indent: -10000px;
@if $header-logo-size {
.site-title {
@extend .sr-only;
}
}
}
}
@ -64,7 +69,7 @@ $show-site-title: null !default;
$has-logo-site-title: if($show-site-title, true, false);
@include display-site-title($has-logo-site-title);
@if $has-logo-site-title {
align-items: last baseline;
align-items: flex-end;
}
}
}

View File

@ -97,7 +97,9 @@
<h1 id="logo" class="{% if header_logo %}has-logo{% endif %}">
<a title="Accueil - {% firstof global_title site_title "Compte Citoyen" %}" accesskey="1" href="{% firstof logo_link_url portal_url '/' %}">
{% block header-title-content %}
{% firstof global_title site_title "Compte Citoyen" %}
<span class="site-title">
{% firstof global_title site_title "Compte Citoyen" %}
</span>
{% endblock %}
</a>
</h1>