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:
parent
bd573957e0
commit
6eac968083
4 changed files with 53 additions and 37 deletions
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue