Files
danbooru/app/components/popup_menu_component/popup_menu_component.scss
evazion fee7ed506b comments: put sticky option in popup menu instead of in edit form.
Put the option to sticky a comment in the "..." popup menu instead of
in the comment edit form. This makes it more consistent with deleting or
undeleting a comment.

Also fix a bug where the comment undelete icon didn't show up due to a
typo.
2021-03-07 20:13:38 -06:00

40 lines
705 B
SCSS

@import "../../javascript/src/styles/base/000_vars.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"] {
@include active-link;
}
// the popup menu is not open
&:not([aria-expanded="true"]) {
@include inactive-link;
}
}
ul.popup-menu-content {
display: none;
li a {
display: block;
padding: 0.125em 2em 0.125em 0;
.icon {
width: 1rem;
margin-right: 0.25rem;
}
}
}
}