privacyguides/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-02 01:32:41 +00:00
Code Issues Activity

Use flag for language selector icon (#2062)

Browse Source
This commit is contained in:
Jonah Aragon
2023-03-01 10:38:10 -06:00
parent aaec10b83e
commit e336699480
3 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
theme/assets/stylesheets/extra.css
View File

@ -325,6 +325,18 @@ details[class="downloads annotate"] > p .md-annotation span span::before {
width: 1rem;
}
/* override language selector */
.md-select button img.twemoji {
height: 1rem;
vertical-align: middle;
}
.md-select__link img.twemoji {
height: 1rem;
vertical-align: text-bottom;
margin-right: 1%;
}
/* Custom header + nav */
.md-header >*, .md-tabs {
background: none;

12
theme/partials/header.html
View File

@ -44,15 +44,19 @@
{% if config.extra.alternate %}
<div class="md-header__option">
<div class="md-select">
{% set icon = config.theme.icon.alternate or "material/translate" %}
<button class="md-header__button md-icon" aria-label="{{ lang.t('select.language') }}">
{% include ".icons/" ~ icon ~ ".svg" %}
</button>
{% for alt in config.extra.alternate %}
{% if alt.lang == config.theme.language %}
<button class="md-header__button md-icon" aria-label="{{ lang.t('select.language') }}">
<img alt="{{ config.theme.language }}" class="twemoji" src="{{ alt.icon }}">
</button>
{% endif %}
{% endfor %}
<div class="md-select__inner">
<ul class="md-select__list">
{% for alt in config.extra.alternate %}
<li class="md-select__item">
<a href="{{ alt.link | url }}" hreflang="{{ alt.lang }}" class="md-select__link">
<img alt="{{ config.theme.language }}" class="twemoji" src="{{ alt.icon }}">
{{ alt.name }}
</a>
</li>