comments: tweak styling of vote buttons.

* Tweak hover colors for vote buttons.
* Tweak sizes to avoid the vote buttons shifting when the score changes.
This commit is contained in:
evazion
2021-01-21 06:40:03 -06:00
parent f4216b323f
commit 49bc2364bd
5 changed files with 54 additions and 29 deletions

View File

@@ -1,3 +1,5 @@
@import "../../javascript/src/styles/base/030_links.scss";
div.popup-menu {
display: inline-block;
@@ -10,20 +12,26 @@ div.popup-menu {
border-radius: 50%;
color: var(--muted-text-color);
&:focus, &:hover {
color: var(--link-color);
background-color: var(--subnav-menu-background-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 {
margin: 0 2em 0.25em 0;
li a {
display: block;
padding: 0.125em 2em 0.125em 0;
i.icon {
width: 2em;
width: 1.5em;
}
}
}