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

close panel with esc shortcut (#3901) 

* ESC as shortcut to close

* some little beauty

* only ESC close the list now

* Update template.rtl.css

* fixed onclick listener

* Update global_view.js

* heebie jeebies fix ;-)

* Update p/scripts/global_view.js

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
This commit is contained in:
maTh 2021-10-21 11:33:35 +02:00 committed by GitHub
parent 401af448cc
commit cfd625c559
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
p/scripts/global_view.js
View File

@ -73,6 +73,13 @@ function init_close_panel() {
document.getElementById('overlay').classList.remove('visible');
return false;
};
document.addEventListener('keydown', ev => {
const k = (ev.key.trim() || ev.code).toUpperCase();
if (k === 'ESCAPE' || k === 'ESC') {
document.querySelector('#overlay .close').click();
}
return false;
});
}
function init_global_view() {

8
p/themes/base-theme/template.css
View File

@ -1095,7 +1095,7 @@ br {
}
#global > #panel.visible {
bottom: 1em;
bottom: 2%;
visibility: visible;
}
/*=== Panel */
@ -1103,7 +1103,7 @@ br {
position: fixed;
top: 0; bottom: 0;
left: 0; right: 0;
background: rgba(0, 0, 0, 0.9);
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: visibility .3s, opacity .3s;
visibility: hidden;
@ -1118,8 +1118,8 @@ br {
background: #fff;
display: none;
position: fixed;
top: 1em; bottom: 1em;
left: 2em; right: 2em;
top: 2%; bottom: 2%;
left: 3%; right: 3%;
overflow: auto;
}

8
p/themes/base-theme/template.rtl.css
View File

@ -1090,7 +1090,7 @@ br {
}
#global > #panel.visible {
bottom: 1em;
bottom: 2%;
visibility: visible;
}
/*=== Panel */
@ -1098,7 +1098,7 @@ br {
position: fixed;
top: 0; bottom: 0;
right: 0; left: 0;
background: rgba(0, 0, 0, 0.9);
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: visibility .3s, opacity .3s;
visibility: hidden;
@ -1113,8 +1113,8 @@ br {
background: #fff;
display: none;
position: fixed;
top: 1em; bottom: 1em;
right: 2em; left: 2em;
top: 2%; bottom: 2%;
left: 3%; right: 3%;
overflow: auto;
}