github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-22 01:12:11 +08:00
Code Issues Actions 1 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"> <label class="checkbox-label">
{{#if this.transformedModel.sectionType}} {{#if this.transformedModel.sectionType}}
<DTooltip <DTooltip
@icon="check-square"
@content={{i18n "sidebar.sections.custom.always_public"}} @content={{i18n "sidebar.sections.custom.always_public"}}
class="always-public-tooltip" class="always-public-tooltip"
/> >
<:trigger>
{{d-icon "check-square"}}
<span>{{i18n "sidebar.sections.custom.public"}}</span>
</:trigger>
</DTooltip>
{{else}} {{else}}
<Input <Input
@type="checkbox" @type="checkbox"
@ -133,8 +137,8 @@
class="mark-public" class="mark-public"
disabled={{this.transformedModel.sectionType}} disabled={{this.transformedModel.sectionType}}
/> />
<span>{{i18n "sidebar.sections.custom.public"}}</span>
{{/if}} {{/if}}
<span>{{i18n "sidebar.sections.custom.public"}}</span>
</label> </label>
</div> </div>
{{/if}} {{/if}}

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

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