discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-09 14:34:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

A11Y: Accessible full-screen and minimize composer buttons (#17936)

Browse Source
This commit is contained in:
Penar Musaraj 2022-08-16 21:39:41 -04:00 committed by GitHub
parent c790b0305c
commit 2e09a88a29
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/javascripts/discourse/app/templates/components/composer-toggles.hbs
View File

@ -2,12 +2,12 @@
<PluginOutlet @name="before-composer-toggles" @tagName="span" @connectorTagName="div" /> <PluginOutlet @name="before-composer-toggles" @tagName="span" @connectorTagName="div" />
{{#if this.site.mobileView}} {{#if this.site.mobileView}}
<DButton @class="btn-flat toggle-toolbar btn-mini-toggle" @icon="bars" @action={{this.toggleToolbar}} @title={{this.toggleToolbarTitle}} @preventFocus={{true}} @tabindex={{-1}} /> <DButton @class="btn-flat toggle-toolbar btn-mini-toggle" @icon="bars" @action={{this.toggleToolbar}} @title={{this.toggleToolbarTitle}} @preventFocus={{true}} />
{{/if}} {{/if}}
<DButton @class="btn-flat toggler toggle-minimize btn-mini-toggle" @icon={{this.toggleIcon}} @action={{this.toggleComposer}} @title={{this.toggleTitle}} @tabindex={{-1}} />
{{#if this.showFullScreenButton}} {{#if this.showFullScreenButton}}
<DButton @class="btn-flat toggle-fullscreen btn-mini-toggle" @icon={{this.fullscreenIcon}} @action={{this.toggleFullscreen}} @title={{this.fullscreenTitle}} @tabindex={{-1}} /> <DButton @class="btn-flat toggle-fullscreen btn-mini-toggle" @icon={{this.fullscreenIcon}} @action={{this.toggleFullscreen}} @title={{this.fullscreenTitle}} />
{{/if}} {{/if}}
<DButton @class="btn-flat toggler toggle-minimize btn-mini-toggle" @icon={{this.toggleIcon}} @action={{this.toggleComposer}} @title={{this.toggleTitle}} />
</div> </div>

7
app/assets/stylesheets/common/base/compose.scss
View File

@ -90,9 +90,6 @@ html.composer-open {
.saving-text { .saving-text {
display: none; display: none;
} }
.toggle-minimize {
order: 2;
}
} }
&.saving .saving-text { &.saving .saving-text {
@ -164,10 +161,6 @@ html.composer-open {
.d-icon { .d-icon {
color: var(--primary-medium); color: var(--primary-medium);
} }
.toggle-minimize {
order: 2;
}
} }
} }