IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 09:26:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: fix sidebar section modal styles (#25803)

Browse Source
This commit is contained in:
Kris 2024-02-21 18:22:03 -05:00 committed by GitHub
parent 43583772d5
commit 94199715cd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/javascripts/discourse/app/components/modal/sidebar-section-form.hbs
View File

@ -122,10 +122,14 @@
<label class="checkbox-label">
{{#if this.transformedModel.sectionType}}
<DTooltip
@icon="check-square"
@content={{i18n "sidebar.sections.custom.always_public"}}
class="always-public-tooltip"
/>
>
<:trigger>
{{d-icon "check-square"}}
<span>{{i18n "sidebar.sections.custom.public"}}</span>
</:trigger>
</DTooltip>
{{else}}
<Input
@type="checkbox"
@ -133,8 +137,8 @@
class="mark-public"
disabled={{this.transformedModel.sectionType}}
/>
<span>{{i18n "sidebar.sections.custom.public"}}</span>
{{/if}}
<span>{{i18n "sidebar.sections.custom.public"}}</span>
</label>
</div>
{{/if}}

4
app/assets/stylesheets/common/base/sidebar.scss
View File

@ -230,10 +230,10 @@
color: var(--tertiary-hover);
}
}
.modal-footer {
.d-modal__footer {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 0.5em;
gap: 0.5em 1em;
@include breakpoint(mobile-extra-large) {
grid-template-columns: auto 1fr;
justify-items: left;