discourse/app/assets/stylesheets/common/admin/plugins.scss
Martin Brennan 01a160d8af
UX: Add AdminConfigAreaEmptyList component (#29816)
This component can be used as a placeholder on
admin pages where the table has no data as per
the admin UI guidelines.
2024-11-19 16:49:57 +10:00

126 lines
2.1 KiB
SCSS

// Styles for /admin/plugins
.admin-contents.admin-plugins {
.controls {
.settings-button {
margin-left: auto;
}
}
.admin-plugins-list {
.plugin-version {
@include breakpoint("tablet") {
text-align: right;
}
}
.admin-plugins-list__row-admin-search-filtered {
background-color: var(--primary-low);
}
&__name-with-badges {
display: flex;
flex-wrap: wrap;
}
.badges {
margin-left: var(--space-1);
}
&__badge {
font-weight: 400;
font-size: var(--font-down-2);
background-color: var(--primary-low);
color: var(--primary-medium);
padding: 4px 8px;
& + .admin-plugins-list__badge {
margin-left: var(--space-1);
}
&:last-of-type {
margin-right: var(--space-1);
}
}
}
}
.admin-plugin-config-page {
&__main-area {
.admin-detail {
padding-top: 15px;
}
&.-without-inner-sidebar {
.admin-detail {
border-left: 0;
padding-left: 0;
width: 100%;
}
}
}
&__metadata {
margin-bottom: var(--space-6);
}
.admin-nav-submenu {
background: transparent;
border-bottom: 1px solid var(--primary-low);
.horizontal-overflow-nav {
background: transparent;
&:before {
display: none;
}
&:after {
display: none;
}
}
.admin-plugin-config-page__top-nav {
width: auto;
margin: 0;
a {
font-size: var(--font-down-0);
padding: var(--space-2) var(--space-3) var(--space-3);
&:hover {
color: var(--tertiary);
background-color: transparent;
}
&.active {
color: var(--tertiary);
background-color: transparent;
}
}
.has-sidebar-page & {
@include breakpoint(large) {
span {
display: none;
}
}
}
}
}
}
.admin-plugins .admin-container {
margin-top: 0;
&.-no-header {
margin-top: 1em;
}
}
.admin-plugin-filtered-site-settings {
&__filter {
width: 100%;
}
}