scss: include reponsive menu mask display option (#72654)
gitea-wip/publik-base-theme/pipeline/pr-main This commit looks good
Details
gitea-wip/publik-base-theme/pipeline/pr-main This commit looks good
Details
This commit is contained in:
parent
25d0327123
commit
22dd788aae
|
@ -383,6 +383,17 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
|
|||
left-to-right</p></td>
|
||||
<td><p><var>top-to-bottom</var></p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><p><code>$responsive-menu-mask</code></p></td>
|
||||
<td><p>Affichage d'un masque lorsque le menu mobile est déplié. Valable
|
||||
uniquement si <code>$responsive-menu=left-to-right</code></p></td>
|
||||
<td><p><var>false</var></p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><p><code>$responsive-menu-mask-background</code></p></td>
|
||||
<td><p>Couleur de fond du masque du menu mobile</p></td>
|
||||
<td><p><var>rgba(0, 0, 0, 0.45)</var></p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><p><code>$nav-button-background</code></p></td>
|
||||
<td><p>Couleur de fond du bouton de navigation (menu hamburger)</p></td>
|
||||
|
|
|
@ -35,6 +35,8 @@ $nav-mobile-menu-item-hover-background: $nav-item-hover-background !default;
|
|||
$nav-mobile-menu-item-hover-color: $nav-item-hover-color !default;
|
||||
$nav-item-spacing: 0px !default;
|
||||
$responsive-menu: top-to-bottom !default; // or left-to-right
|
||||
$responsive-menu-mask: false !default;
|
||||
$responsive-menu-mask-background: rgba(0, 0, 0, 0.45) !default;
|
||||
|
||||
$nav-after-image: true !default;
|
||||
$nav-after-image-height: 300px !default;
|
||||
|
@ -363,6 +365,17 @@ div.menucell {
|
|||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
@if $responsive-menu-mask == true and $responsive-menu == left-to-right {
|
||||
~ div.gru-nav-mask {
|
||||
position: fixed;
|
||||
z-index: 1999;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: $responsive-menu-mask-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,6 +15,7 @@
|
|||
{% show_menu depth=2 ignore_visibility=True %}
|
||||
{% placeholder "menu_right" %}
|
||||
{% endblock %}
|
||||
<div class="gru-nav-mask"></div>
|
||||
{% block nav-bottom %}{% endblock %}
|
||||
</div> <!-- nav -->
|
||||
{% block nav-post %}{% endblock %}
|
||||
|
|
Loading…
Reference in New Issue