deblan/deblan.io-murph
deblan/deblan.io-murph
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

update small-menu

Browse source
This commit is contained in:
Simon Vieille 2022-04-21 09:39:35 +02:00
parent 5b86aabc55
commit bb6c39fe62
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
assets/css/app.scss
View file

@ -167,35 +167,35 @@ pre[class*="language-"] {
} }
.small-menu { .small-menu {
$radius: 8px;
background: $color-small-menu-background; background: $color-small-menu-background;
padding: 5px; padding: 5px;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
z-index: 2000; z-index: 2000;
border-top-right-radius: $radius + 5;
border-top-left-radius: $radius + 5;
.navigation { .navigation {
padding-top: 0; padding-top: 0;
display: none; margin-bottom: 10px;
margin-top: 10px; max-height: 0;
overflow: hidden;
transition: max-height 0.8s ease-in-out;
li { li {
$radius: 8px;
&:first-child, &:first-child a { &:first-child, &:first-child a {
border-top-right-radius: $radius; border-top-right-radius: $radius;
border-top-left-radius: $radius; border-top-left-radius: $radius;
} }
&:last-child, &:last-child a {
border-bottom-right-radius: $radius;
border-bottom-left-radius: $radius;
}
} }
} }
&.is-open .navigation { &.is-open .navigation {
display: block; max-height: 800px;
transition: max-height 0.8s ease-in-out;
} }
.logo-svg { .logo-svg {

8
templates/module/_navigation.html.twig
View file

@ -55,10 +55,6 @@
</div> </div>
</div> </div>
<div class="small-menu hidden-large hidden-medium visible-small"> <div class="small-menu hidden-large hidden-medium visible-small">
<a href="{{ safe_path('blog_menu_posts') }}">
{{ include('module/_logo.html.twig') }}
</a>
<nav class="navigation"> <nav class="navigation">
{% if menu %} {% if menu %}
<ul> <ul>
@ -86,6 +82,10 @@
{% endif %} {% endif %}
</nav> </nav>
<a href="{{ safe_path('blog_menu_posts') }}">
{{ include('module/_logo.html.twig') }}
</a>
<button class="menu-opener" aria-label="Menu"> <button class="menu-opener" aria-label="Menu">
<svg width="50" height="46" viewBox="0 0 100 100"> <svg width="50" height="46" viewBox="0 0 100 100">
<path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" /> <path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" />