mirror/FreshRSS
0
0 Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-10-20 10:14:33 -04:00
Code Issues Packages Projects Releases Wiki Activity

close panel with esc shortcut (#3901)

Browse Source 
* 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:
maThandAlexandre Alapetite authored and GitHub committed 2021-10-21 11:33:35 +02:00
1 parent 401af448cc
commit cfd625c559
3 files changed
+15 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

p/scripts/global_view.js
+7
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() {
p/themes/base-theme/template.css
+4 -4
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;
}
p/themes/base-theme/template.rtl.css
+4 -4
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;
}