exlim/cyberchef
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
Show Stats 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"]