mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 13:03:39 +08:00
361e954c55
This commit introduces a little bit of duplication since the old plugin UIs not using the new plugin show page look different from ones like AI and Gamification which have been converted. We can use the new admin header component on the plugins list, but for the other pages we are manually rendering a breadcrumb trail and the list of plugin tabs. Over time as we convert more plugins to use the new UI guidelines and show page we can get rid of this duplication.
193 lines
3.3 KiB
SCSS
193 lines
3.3 KiB
SCSS
// Styles for /admin/plugins
|
|
|
|
.admin-contents.admin-plugins {
|
|
.controls {
|
|
.settings-button {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
|
|
.admin-plugins-list {
|
|
@media screen and (min-width: 550px) {
|
|
.admin-plugins-list__row {
|
|
grid-template-columns: 0.25fr repeat(4, 1fr);
|
|
}
|
|
}
|
|
|
|
@include breakpoint(mobile-extra-large) {
|
|
.admin-plugins-list__row {
|
|
grid-template-columns: 0.25fr repeat(3, 1fr);
|
|
}
|
|
|
|
.admin-plugins-list {
|
|
&__name-details {
|
|
grid-column-start: 2;
|
|
grid-column-end: -1;
|
|
}
|
|
|
|
&__settings {
|
|
grid-row: 2;
|
|
grid-column-start: 4;
|
|
text-align: right;
|
|
|
|
button {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
&__version {
|
|
grid-row: 2;
|
|
grid-column-start: 3;
|
|
}
|
|
|
|
&__enabled {
|
|
grid-row: 2;
|
|
grid-column-start: 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
.admin-plugins-list__row-admin-search-filtered {
|
|
background-color: var(--primary-low);
|
|
}
|
|
|
|
&__author {
|
|
font-size: var(--font-down-2);
|
|
padding: 0 0 0.25em 0;
|
|
}
|
|
|
|
&__name-with-badges {
|
|
display: flex;
|
|
padding: 8px 0 4px;
|
|
}
|
|
|
|
&__name {
|
|
font-weight: bold;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
&__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: 0.5em;
|
|
}
|
|
}
|
|
|
|
&__version {
|
|
.commit-hash {
|
|
font-size: var(--font-down-1);
|
|
}
|
|
}
|
|
|
|
&__about {
|
|
padding: 8px 0;
|
|
|
|
.d-icon {
|
|
font-size: var(--font-down-3);
|
|
margin-bottom: 0.1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
}
|
|
|
|
.admin-plugin-config-area {
|
|
&__settings {
|
|
.admin-site-settings-filter-controls {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.setting-label {
|
|
margin-left: 18px;
|
|
}
|
|
}
|
|
|
|
&__empty-list {
|
|
padding: 1em;
|
|
border: 1px solid var(--primary-low);
|
|
}
|
|
}
|