mirror of
https://github.com/discourse/discourse.git
synced 2024-12-03 18:43:43 +08:00
9afb0b29f8
With the new admin sidebar restructure, we have a link to "Installed plugins". We would like to ensure that when the admin is searching for a plugin name like "akismet" or "automation" this link will be visible. Also when entering the plugins page, related plugins should be highlighted.
101 lines
1.9 KiB
SCSS
101 lines
1.9 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;
|
|
}
|
|
|
|
&__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: 0.2em 0.8em;
|
|
|
|
.d-icon {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
& + .admin-plugins-list__badge {
|
|
margin-left: 0.5em;
|
|
}
|
|
}
|
|
|
|
&__version {
|
|
.commit-hash {
|
|
font-size: var(--font-down-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%;
|
|
}
|
|
}
|
|
}
|
|
}
|