mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-05-09 15:55:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

disable all li.operation popovers on mobile and enable and disable on window resize events appropriately

Browse source
This commit is contained in:
Robin Scholtes 2023-07-24 14:57:21 +12:00
parent 95c9c88799
commit 1092382fbc
2 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/web/stylesheets/components/operations/_operations.css
View file

@ -35,6 +35,7 @@
@media only screen and ( min-width: 768px ){
#operations-dropdown {
border-bottom: none;
border-top: 1px solid var(--primary-border-colour);
}
/* On desktop UI, the categories are always visible */

6
src/web/waiters/WindowWaiter.mjs
View file

@ -53,6 +53,9 @@ class WindowWaiter {
onResizeToDesktop() {
this.app.setDesktopUI(false);
// disable app popovers on li.operation elements
$(document.querySelectorAll("li.operation")).popover("enable");
// if a window is resized past breakpoint while #recipe or #input is maximised, close these maxed panes
["recipe", "input"].forEach(paneId => this.manager.controls.setPaneMaximised(paneId, false));
@ -66,6 +69,9 @@ class WindowWaiter {
onResizeToMobile() {
this.app.setMobileUI();
// disable app popovers on li.operation elements
$(document.querySelectorAll("li.operation")).popover("disable");
// when mobile devices' keyboards pop up, it triggers a window resize event. Here
// we keep the maximised panes open until the minimise button is clicked / tapped
["recipe", "input", "output"]