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
This commit is contained in:
Penar Musaraj 2024-05-03 12:27:09 -04:00 committed by GitHub
parent 9ce4503a26
commit d6b63309b0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 70 additions and 0 deletions

View File

@ -37,6 +37,7 @@
@import "not-found";
@import "onebox";
@import "personal-message";
@import "popup-menu";
@import "redirection";
@import "reviewables";
@import "revise-and-reject-post-reviewable";

View File

@ -0,0 +1,69 @@
// 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);
}
}
}
}