TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-25 22:19:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

(style) move hamburger button so that it aligns to filter bars

Browse Source
This commit is contained in:
Valentyne Stigloher 2024-09-16 21:25:34 +02:00
parent c55e05fff8
commit d442e06056
1 changed files with 2 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/Header.vue
View File

@ -53,7 +53,7 @@
</div>
<div :class="['hamburger-menu']" :style="`opacity: ${hamburgerShown ? 1 : 0}`">
<button
:class="['btn btn-outline-secondary btn-hamburger', hamburgerActive ? 'active' : '']"
:class="['btn btn-outline-secondary', hamburgerActive ? 'text-bg-secondary' : 'text-bg-light']"
@click.stop="hamburgerActive = !hamburgerActive"
>
<Icon v="bars" />
@ -509,21 +509,13 @@ export default {
.hamburger-menu {
position: fixed;
top: $spacer;
top: 0;
left: $spacer;
z-index: 1030;
transition: all .5s ease-in-out;
.bg {
background-color: rgba($white, .9)
}
.btn-hamburger {
&:not(:active):not(:hover):not(:focus):not(.active) {
background-color: $white;
}
&.active {
background-color: $secondary;
}
}
}
}