MirrorMirror
/
lufi
mirror of https://framagit.org/fiat-tux/hat-softwares/lufi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve modal accessibility

This commit is contained in:
Booteille 2024-12-10 09:56:08 +01:00
parent 3c07a55765
commit 4dbe84bb3c
No known key found for this signature in database
GPG Key ID: 0AB6C6CA01272646
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
themes/default/templates/layouts/default.html.ep
View File

@ -123,12 +123,12 @@
% } % }
</main> </main>
<div id="modal-language-selector" class="modal"> <div id="modal-language-selector" class="modal" role="dialog" aria-labelledby="modal-language-selector-title" tabindex="-1">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head is-shadowless"> <header class="modal-card-head is-shadowless">
<p class="modal-card-title"> <p class="modal-card-title">
<%= l('Languages') %> <span id="modal-language-selector-title"><%= l('Languages') %></span>
<button class="delete is-pulled-right" aria-label="close"></button> <button class="delete is-pulled-right" aria-label="close"></button>
</p> </p>
</header> </header>
@ -193,6 +193,7 @@
// Functions to open and close a modal // Functions to open and close a modal
const openModal = ($el) => { const openModal = ($el) => {
$el.classList.add("is-active"); $el.classList.add("is-active");
$el.focus();
}; };
const closeModal = ($el) => { const closeModal = ($el) => {