1
0
Fork 0
mirror of https://github.com/miniflux/v2.git synced 2025-08-01 17:38:37 +00:00

add keyboard shortcut and aria attribute to menu button

This commit is contained in:
krvpb024 2024-02-07 16:54:11 +08:00 committed by Frédéric Guillot
parent bd573957e0
commit 6eac968083
4 changed files with 53 additions and 37 deletions

View file

@ -95,21 +95,13 @@ a:hover {
flex-direction: column;
}
.header nav button[aria-controls="header-menu"] {
border: none;
background-color: transparent;
display: inline-block;
cursor: pointer;
}
.header nav button[aria-controls="header-menu"] svg {
.header nav .logo svg {
padding: 5px;
inline-size: 24px;
block-size: 24px;
translate: 0 2px;
}
.header nav button[aria-controls="header-menu"][aria-expanded="true"] svg {
.header nav .logo[aria-expanded="true"] svg {
rotate: 180deg;
}
@ -335,18 +327,10 @@ a:hover {
flex-direction: row;
}
.header nav button[aria-controls="header-menu"] {
.header .logo svg {
display: none;
}
.header nav button[aria-controls="header-menu"] svg {
rotate: -90deg;
}
.header nav button[aria-controls="header-menu"][aria-expanded="true"] svg {
rotate: 90deg;
}
.header ul:not(.js-menu-show), .header ul.js-menu-show {
display: revert;
}