discourse/app/assets/stylesheets/common/admin/plugins.scss

137 lines
2.3 KiB
SCSS

// Styles for /admin/plugins
.admin-contents.admin-plugins {
.controls {
.settings-button {
margin-left: auto;
}
}
.d-admin-table.admin-plugins-list {
.admin-plugins-list__version {
width: 14%;
@include breakpoint("tablet") {
text-align: right;
width: auto;
}
}
.d-admin-row__controls {
width: 10%;
@include breakpoint("tablet") {
width: auto;
}
}
.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%;
}
}