mirror of
https://github.com/discourse/discourse.git
synced 2024-11-29 18:35:23 +08:00
1239178f49
This commit introduces the following components: * DBreadcrumbsContainer - The wrapper template-only component, which renders all DBreadcrumbsItem components on the page. * DBreadcrumbsItem - The component that registers a LinkTo for the breadcrumb trail. The breadcrumb > trail > will show based on the order these items are rendered on the page. * BreadcrumbsService - Manages the DBreadcrumbsContainer elements on the page via DBreadcrumbsContainerModifier. * DBreadcrumbsContainerModifier - Handles registering DBreadcrumbsContainer elements with the BreadcrumbsService and deregistering them. For now, we will only use these breadcrumbs in the admin section of Discourse, and this initial commit only uses them in admin/plugins. This is heavily based off of https://github.com/Bagaar/ember-breadcrumbs, but will be further modified for our needs.
124 lines
2.2 KiB
SCSS
124 lines
2.2 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%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.admin-plugins .admin-container {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.admin-plugin-filtered-site-settings {
|
|
&__filter {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.admin-plugin-config-area {
|
|
&__settings {
|
|
.admin-site-settings-filter-controls {
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
|
|
&__empty-list {
|
|
padding: 1em;
|
|
border: 1px solid var(--primary-low);
|
|
}
|
|
}
|