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

This commit is contained in:
Penar Musaraj
2022-08-16 21:39:41 -04:00
committed by GitHub
parent c790b0305c
commit 2e09a88a29
2 changed files with 4 additions and 11 deletions

View File

@@ -2,12 +2,12 @@
<PluginOutlet @name="before-composer-toggles" @tagName="span" @connectorTagName="div" />
{{#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}}
<DButton @class="btn-flat toggler toggle-minimize btn-mini-toggle" @icon={{this.toggleIcon}} @action={{this.toggleComposer}} @title={{this.toggleTitle}} @tabindex={{-1}} />
{{#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}}
<DButton @class="btn-flat toggler toggle-minimize btn-mini-toggle" @icon={{this.toggleIcon}} @action={{this.toggleComposer}} @title={{this.toggleTitle}} />
</div>