Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

frontend: Toggle aria-hidden for overlay container visibility.

This commit is contained in:
Vaida Plankyte 2017-06-22 12:43:49 +02:00 committed by showell
parent 9904edcd14
commit c52e964db3
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/js/overlays.js
View File

@ -57,6 +57,7 @@ exports.open_overlay = function (opts) {
open_overlay_name = opts.name; open_overlay_name = opts.name;
active_overlay = opts.overlay; active_overlay = opts.overlay;
opts.overlay.addClass('show'); opts.overlay.addClass('show');
opts.overlay.attr("aria-hidden","false");
close_handler = function () { close_handler = function () {
opts.on_close(); opts.on_close();
@ -78,6 +79,7 @@ exports.close_overlay = function (name) {
blueslip.debug('close overlay: ' + name); blueslip.debug('close overlay: ' + name);
active_overlay.removeClass("show"); active_overlay.removeClass("show");
active_overlay.attr("aria-hidden","true");
if (!close_handler) { if (!close_handler) {
blueslip.error("Overlay close handler for " + name + " not properly setup." ); blueslip.error("Overlay close handler for " + name + " not properly setup." );

4
templates/zerver/index.html
View File

@ -54,7 +54,7 @@ var page_params = {{ page_params }};
<div id="right-screen" class="screen"></div> <div id="right-screen" class="screen"></div>
<div id="clear-screen" class="screen"></div> <div id="clear-screen" class="screen"></div>
<div id="settings_overlay_container" class="overlay" data-overlay="settings"> <div id="settings_overlay_container" class="overlay" data-overlay="settings" aria-hidden="true">
{% include "zerver/settings_overlay.html" %} {% include "zerver/settings_overlay.html" %}
</div> </div>
{% include "zerver/navbar.html" %} {% include "zerver/navbar.html" %}
@ -141,7 +141,7 @@ var page_params = {{ page_params }};
{% include "zerver/subscriptions.html" %} {% include "zerver/subscriptions.html" %}
{% include "zerver/drafts.html" %} {% include "zerver/drafts.html" %}
</div><!--/row--> </div><!--/row-->
<div class="informational-overlays overlay new-style" data-overlay="informationalOverlays"> <div class="informational-overlays overlay new-style" data-overlay="informationalOverlays" aria-hidden="true">
<div class="overlay-content"> <div class="overlay-content">
<div class="overlay-tabs"> <div class="overlay-tabs">
<button class="button no-style exit">&times;</button> <button class="button no-style exit">&times;</button>