Restyle menu item arrows

This commit is contained in:
Adorian Doran 2024-11-29 16:29:38 +02:00
parent 8ee30e1a22
commit 1ddd5d800d

View File

@ -102,6 +102,7 @@
--menu-item-icon-color: #505050;
--menu-item-disabled-opacity: .5;
--menu-item-accelerator-color: #666666a8;
--menu-item-arrow-color: #00000080;
--menu-item-delimiter-color: #00000030;
--modal-background-color: white;
@ -223,8 +224,10 @@
--menu-item-icon-color: #505050;
--menu-item-disabled-opacity: .5;
--menu-item-accelerator-color: #666666a8;
--menu-item-arrow-color: #00000080;
--menu-item-delimiter-color: #00000030;
--modal-background-color: #333;
--modal-backdrop-color: #444;
@ -770,7 +773,8 @@
}
.dropdown-item {
padding: 2px 8px !important;
padding: 2px 16px 2px 8px !important;
/* Note: the right padding should also accommodate the submenu arrow. */
border-radius: 6px;
cursor: default !important;
}
@ -808,6 +812,24 @@ html body .dropdown-item.disabled {
border-top: 1px solid var(--menu-item-delimiter-color);
}
/* Menu item arrow */
.dropdown-toggle::after {
content: "\ed3b" !important;
position: absolute;
display: flex !important;
align-items: center;
justify-content: center;
top: 0;
right: 0;
height: 100%;
margin: unset !important;
border: unset !important;
padding: 0 4px;
font-family: boxicons;
font-size: 1.2em;
color: var(--menu-item-arrow-color) !important;
}
/*
* TEXT NOTES
*/