mirror of
https://github.com/discourse/discourse.git
synced 2025-03-01 12:21:53 +08:00
32704c42d0
### What's changed? - Add support for`@helpText` in the FormKit component. - Updated the about config page to replace `@description` with `@helpText` for the banner image field ### Before <img width="525" alt="image" src="https://github.com/user-attachments/assets/e8cdcca7-1b46-406f-8b6b-815e65dd5d9c" /> ### After <img width="256" alt="image" src="https://github.com/user-attachments/assets/8656b866-5654-4f67-8515-f58a7b2b14c0" /> Internal: /t/138358/2
67 lines
1.2 KiB
SCSS
67 lines
1.2 KiB
SCSS
.form-kit__field {
|
|
.form-kit__container-content {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
width: var(--form-kit-medium-input);
|
|
}
|
|
|
|
&.--full {
|
|
width: 100%;
|
|
}
|
|
|
|
&-textarea,
|
|
&-composer,
|
|
&-code,
|
|
&-image {
|
|
.form-kit__container-content {
|
|
width: var(--form-kit-large-input) !important;
|
|
}
|
|
}
|
|
|
|
&-toggle {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: var(--form-kit-medium-input);
|
|
|
|
.form-kit__container-content {
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.form-kit__container-title {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.form-kit__container-description {
|
|
margin: 0;
|
|
font-size: var(--font-down-1-rem);
|
|
}
|
|
|
|
.form-kit__container-help-text {
|
|
margin: 0;
|
|
font-size: var(--font-down-1-rem);
|
|
color: var(--primary-medium);
|
|
}
|
|
|
|
.form-kit__container-title,
|
|
.form-kit__container-description,
|
|
.form-kit__container-content {
|
|
&.--small {
|
|
width: var(--form-kit-small-input) !important;
|
|
}
|
|
|
|
&.--medium {
|
|
width: var(--form-kit-medium-input);
|
|
}
|
|
|
|
&.--large {
|
|
width: var(--form-kit-large-input);
|
|
}
|
|
|
|
&.--full {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
}
|