[#181] add disabling of popovers on small screens, update todos and operation CSS

This commit is contained in:
Robin Scholtes 2023-04-23 11:20:01 +12:00
parent d0e8863555
commit a252c34968
4 changed files with 31 additions and 17 deletions

View file

@ -182,7 +182,11 @@ class OperationsWaiter {
*/
opListCreate(e) {
this.manager.recipe.createSortableSeedList(e.target);
this.enableOpsListPopovers(e.target);
if ( window.innerWidth < this.app.breakpoint ){
this.disableOpsListPopovers();
} else {
this.enableOpsListPopovers(e.target);
}
}
@ -214,6 +218,13 @@ class OperationsWaiter {
});
}
/**
* Disable popovers on all op-list list items
*/
disableOpsListPopovers() {
$(document.querySelectorAll(".op-list .operation")).popover("disable");
}
/**
* Handler for operation doubleclick events.
@ -339,7 +350,6 @@ class OperationsWaiter {
resetFavouritesClick() {
this.app.resetFavourites();
}
}
export default OperationsWaiter;