discourse/app/assets/stylesheets/common/base/popup-menu.scss
Penar Musaraj d6b63309b0
FIX: Restore legacy popup menu SCSS (#26864)
Were removed in 8dd883d but some plugins rely on them. Let's restore
them for now and address cleaning up once plugins/themes no longer use
them.

Should fix https://meta.discourse.org/t/see-who-voted-display-issue/306641
2024-05-03 12:27:09 -04:00

70 lines
1.2 KiB
SCSS

// LEGACY STYLES
// some plugins rely on these (discourse-topic-voting is one)
.popup-menu {
background-color: var(--secondary);
width: 14em;
border: 1px solid var(--primary-low);
z-index: z("dropdown");
box-shadow: var(--shadow-card);
ul {
margin: 0;
list-style: none;
li {
border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.5);
&:last-child {
border: none;
}
}
}
.btn {
justify-content: left;
text-align: left;
background: none;
width: 100%;
padding: 0.5em;
border-radius: 0;
margin: 0;
.d-icon {
color: var(--primary-medium);
align-self: flex-start;
margin-right: 0.75em;
margin-top: 0.1em; // vertical alignment
}
&:focus,
&:hover {
color: var(--primary);
background: var(--d-hover);
.d-icon {
color: var(--primary-medium);
}
}
&.popup-menu-btn-danger {
.d-icon {
color: var(--danger);
}
.d-button-label {
color: var(--primary);
}
&:focus,
&:hover {
.d-icon,
.d-button-label {
color: var(--danger);
}
background: var(--danger-low);
}
}
}
}