0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-11 02:59:07 +08:00
discourse/app/assets/stylesheets/admin/upcoming-changes.scss
Martin Brennan d9dfa85e1b
FEATURE: Category management UI for admins (#41218)
Adds a new `/admin/config/category-management` route which shows
the admin filterable lists of each registered category type, as well as
an "All categories" tab which shows all categories regardless of type,
including badges to indicate type.

This makes it a lot easier for admins to find which of their categories
are configured for each type, and jump to the settings for those
categories:

<img width="2898" height="1488" alt="image"
src="https://github.com/user-attachments/assets/8687a18c-6279-4e66-b3ff-e5694e157430"
/>

<img width="2852" height="1376" alt="image"
src="https://github.com/user-attachments/assets/8e9726b5-c268-400b-9764-451c536695c3"
/>

---------

Co-authored-by: awesomerobot <kris.aubuchon@discourse.org>
2026-07-15 09:17:25 +10:00

123 lines
2 KiB
SCSS
Vendored

.upcoming-changes-table {
table-layout: fixed;
width: 100%;
td.d-table__cell {
vertical-align: middle;
padding: var(--space-4) var(--space-3);
}
td.d-table__cell.--detail.upcoming-change__metadata {
height: 100%;
}
}
.upcoming-change {
&__name-header {
width: 65%;
}
&__enabled-header {
width: 35%;
}
&__dependents,
&__related {
margin-top: var(--space-2);
}
&__depends-on-notice {
font-size: var(--font-down-1);
color: var(--danger);
margin-top: var(--space-2);
}
&__opt-in-groups-label {
display: block;
font-size: var(--font-down-1);
color: var(--primary-medium);
}
&__image-preview.lightbox[href] {
// very specific to override
&:hover {
box-shadow: none;
}
& + .upcoming-change__learn-more {
&::before {
content: "";
}
}
}
&__badge {
&:focus-visible,
&:hover {
.upcoming-change__badge-info {
background: var(--tertiary);
.d-icon {
color: var(--secondary);
}
}
}
&.--has-tooltip {
cursor: pointer;
}
}
&__groups {
display: flex;
.group-selector-wrapper {
// make space for button
width: calc(100% - 3.125em);
}
}
&__description-details {
display: inline-block;
}
&__save-groups {
align-self: start;
margin-left: var(--space-2);
}
&__toggle-cell {
display: flex;
flex-direction: column;
.upcoming-change__group-selection-wrapper {
margin-top: 0.5rem;
display: flex;
.group-selector-wrapper {
flex: 1 1 auto;
}
}
}
&__plugin {
font-size: var(--font-down-2);
color: var(--primary-high);
margin-bottom: var(--space-2);
}
&__labels &__badges {
display: flex;
align-items: center;
justify-content: flex-start;
height: 100%;
margin: 0;
padding: var(--space-2) 0;
}
&__status-notice {
font-size: var(--font-down-1);
color: var(--danger);
margin-top: var(--space-2);
}
}