consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #6124 from consuldemocracy/menu_button_flashing

Browse Source 
Don't flash the menu button on desktop screens
This commit is contained in:
Javi Martín
2025-11-06 13:25:00 +01:00
committed by GitHub
parent 2927fd4a05 8d7deef413
commit a563108a03
3 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/layout.scss
View File

@@ -588,18 +588,6 @@ body > header,
}
}
.menu-button {
border: 1px solid;
border-radius: $button-radius;
color: inherit;
padding: 0.6em;
}
.menu-icon {
@include hamburger($color: currentcolor, $color-hover: currentcolor);
cursor: inherit;
}
.dropdown.menu > li {
a {

17
app/assets/stylesheets/layout/responsive_menu.scss Normal file
View File

@@ -0,0 +1,17 @@
[data-responsive-toggle=responsive_menu] {
@include breakpoint(medium) {
display: none;
}
.menu-button {
border: 1px solid;
border-radius: $button-radius;
color: inherit;
padding: 0.6em;
}
.menu-icon {
@include hamburger($color: currentcolor, $color-hover: currentcolor);
cursor: inherit;
}
}

2
app/components/layout/responsive_menu_component.html.erb
View File

@@ -1,4 +1,4 @@
<span data-responsive-toggle="responsive_menu" data-hide-for="medium">
<span data-responsive-toggle="responsive_menu">
<button type="button" class="menu-button" data-toggle>
<span class="menu-icon"></span>
<%= t("application.menu") %>