Add styling for menu items (including tray popouts)

This commit is contained in:
ItsDrike 2023-06-26 14:14:25 +02:00
parent eddcb6a825
commit e848833628
Signed by: ItsDrike
GPG key ID: FA2745890B7048C0

View file

@ -77,3 +77,35 @@ scale trough {
.tray {
margin-right: 12px;
}
menu {
background: $bg1;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border: 2px solid rgba($crust, 0.5);
padding: 0.5rem 0;
}
menu menu {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
menu > menuitem {
padding: 0.4em 1rem;
background: transparent;
transition: 0.2s ease background;
}
menu > menuitem:hover {
background: rgba($overlay1, 0.4);
}
menu > menuitem check:checked ~ label {
color: $bg1-a;
font-weight: 600;
}
menubar > menuitem {
margin-left: 0.6rem;
}