discourse/app/assets/stylesheets/common/base/topic-admin-menu.scss
David Taylor d88ee33eb6
DEV: Introduce stylelint (#29852)
Stylelint is a css linter: https://stylelint.io/

As part of this change we have added two javascript scripts:

```
pnpm lint:css
pnpm lint:css:fix
```

Look at `.vscode/settings.json.sample` and `.vscode/extensions.json` for
configuration in VSCode.

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2025-01-20 15:27:42 +00:00

76 lines
1.4 KiB
SCSS

// Styles for the topic admin menu
.topic-admin-popup-menu {
ul {
margin: 0;
list-style: none;
li {
border: none;
&:not(:last-of-type) {
// so buttons don't appear "stuck" together when multiple are highlighted
margin-bottom: 2px;
}
}
ul {
padding: 0.5em;
&:not(:last-of-type) {
border-bottom: 1px solid var(--primary-low);
}
}
.btn {
justify-content: left;
text-align: left;
width: 100%;
padding: 0.5em;
}
}
}
.fk-d-menu {
.topic-admin-popup-menu {
width: 14em;
}
}
// Styles for select posts mini menu
.selected-posts {
border: 1px solid var(--tertiary-medium);
background-color: var(--tertiary-low);
.btn {
border: none;
color: var(--secondary);
font-weight: normal;
margin-bottom: 10px;
&:not(.btn-danger) {
background: var(--tertiary);
border-color: var(--tertiary);
&[href] {
color: var(--secondary);
}
&:hover {
color: var(--secondary);
background: var(--tertiary-high);
}
&:active {
@include linear-gradient(var(--tertiary-hover), var(--tertiary));
color: var(--secondary);
}
}
&[disabled] {
text-shadow: 0 1px 0 rgba(var(--primary-rgb), 0.2);
@include linear-gradient(var(--tertiary), var(--tertiary-hover));
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.33);
}
}
}