mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-26 19:22:18 +08:00
c6b4a09ad9
Before <img width="1064" alt="Screenshot 2025-03-06 at 3 05 55 pm" src="https://github.com/user-attachments/assets/38acc2cd-1204-42ec-aac7-18dfee32e8bc" /> After <img width="949" alt="Screenshot 2025-03-06 at 3 06 44 pm" src="https://github.com/user-attachments/assets/ded3c81f-8057-483d-b997-d1983ccf1318" />
177 lines
3 KiB
SCSS
Vendored
177 lines
3 KiB
SCSS
Vendored
.admin-config-area-card {
|
|
padding: 20px 5px 20px 20px;
|
|
border: 1px solid var(--primary-low);
|
|
border-radius: 2px;
|
|
background-color: var(--secondary);
|
|
margin-bottom: 1em;
|
|
|
|
&__label-optional {
|
|
color: var(--primary-medium);
|
|
font-size: var(--font-down-1);
|
|
margin-left: 5px;
|
|
}
|
|
|
|
&__additional-help {
|
|
color: var(--primary-medium);
|
|
font-size: var(--font-down-1);
|
|
}
|
|
|
|
&__warning-banner {
|
|
color: var(--primary-high);
|
|
background-color: var(--danger-low);
|
|
font-size: var(--font-down-1);
|
|
padding: 10px 10px;
|
|
}
|
|
|
|
&__control-group-horizontal {
|
|
display: flex;
|
|
margin-bottom: 18px;
|
|
|
|
label {
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
flex: 2;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&__header-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
|
|
&__content {
|
|
margin-top: 0.5rem;
|
|
padding-right: 15px;
|
|
}
|
|
}
|
|
|
|
.admin-config-page {
|
|
&__main-area {
|
|
.admin-detail {
|
|
padding-top: 15px;
|
|
border-left: 0;
|
|
padding-left: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.admin-config-area {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
gap: var(--space-4);
|
|
align-items: flex-start;
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
flex-direction: column;
|
|
}
|
|
|
|
&__full-width {
|
|
flex: 1 0 100%;
|
|
}
|
|
|
|
&__primary-content {
|
|
flex: 0 1 70%;
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
flex: 0 1 auto;
|
|
}
|
|
}
|
|
|
|
&__aside {
|
|
/* use for help inset */
|
|
flex: 0 1 30%;
|
|
padding: var(--space-2);
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
flex: 0 1 auto;
|
|
}
|
|
}
|
|
|
|
&__settings {
|
|
.setting-label {
|
|
margin-left: 18px;
|
|
}
|
|
}
|
|
|
|
.btn-back {
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
|
|
.admin-site-settings-filter-controls {
|
|
background: var(--primary-very-low);
|
|
margin-bottom: 1em;
|
|
|
|
.controls,
|
|
.search.controls {
|
|
background: var(--primary-very-low);
|
|
}
|
|
}
|
|
|
|
.admin-config-area-empty-list,
|
|
.admin-empty-list {
|
|
padding: 1em;
|
|
border: 1px solid var(--primary-low);
|
|
|
|
&__cta-button {
|
|
display: flex;
|
|
margin-top: 1em;
|
|
}
|
|
}
|
|
|
|
.admin-config-area-card-section {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
gap: var(--space-4);
|
|
flex-direction: column;
|
|
width: calc(100% - 1em);
|
|
border: 1px solid var(--primary-low);
|
|
padding: 0.5em;
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
flex-direction: column;
|
|
}
|
|
|
|
&__header-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
&.collapsable {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&__content {
|
|
margin-top: 0.5rem;
|
|
padding-right: 1em;
|
|
padding-bottom: 1em;
|
|
gap: 1.5em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.admin-logo-form {
|
|
.form-kit__section {
|
|
.form-kit__container {
|
|
padding-left: 1em;
|
|
width: calc(100% - 1em) !important;
|
|
border-left: 1px solid var(--primary-low);
|
|
}
|
|
}
|
|
|
|
.form-kit__field-toggle .form-kit__container-content.--full {
|
|
// avoid label wrapping
|
|
width: var(--form-kit-small-input) !important;
|
|
}
|
|
}
|
