Files
danbooru/app/components/popup_menu_component/popup_menu_component.scss
evazion 49bc2364bd comments: tweak styling of vote buttons.
* Tweak hover colors for vote buttons.
* Tweak sizes to avoid the vote buttons shifting when the score changes.
2021-01-21 07:58:50 -06:00

39 lines
677 B
SCSS

@import "../../javascript/src/styles/base/030_links.scss";
div.popup-menu {
display: inline-block;
a.popup-menu-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 50%;
color: var(--muted-text-color);
// the popup menu is open
&[aria-expanded="true"] {
@extend .active-link;
}
// the popup menu is not open
&:not([aria-expanded="true"]) {
@extend .inactive-link;
}
}
ul.popup-menu-content {
display: none;
li a {
display: block;
padding: 0.125em 2em 0.125em 0;
i.icon {
width: 1.5em;
}
}
}
}