diff --git a/src/public/app/menus/context_menu.ts b/src/public/app/menus/context_menu.ts index bc45c06e0..862c0d617 100644 --- a/src/public/app/menus/context_menu.ts +++ b/src/public/app/menus/context_menu.ts @@ -63,6 +63,7 @@ class ContextMenu { } this.$cover.addClass("show"); + $("body").addClass("context-menu-shown"); this.$widget.empty(); @@ -223,6 +224,7 @@ class ContextMenu { await timeout(100); this.$widget.removeClass("show"); this.$cover.removeClass("show"); + $("body").removeClass("context-menu-shown"); this.$widget.hide(); } } diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 10c85b1d5..06625ef77 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -48,6 +48,11 @@ body.mobile .desktop-only { display: none !important; } +body.mobile.context-menu-shown * { + user-select: none !important; + -webkit-user-select: none !important; +} + a { text-decoration: none; } @@ -977,6 +982,8 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href #context-menu-container .dropdown-item { padding: 0 7px 0 10px; cursor: pointer; + user-select: none; + -webkit-user-select: none; } body.desktop li.dropdown-submenu:hover > ul.dropdown-menu { diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 18a901192..3b9751df2 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -491,8 +491,10 @@ body.mobile #context-menu-container { right: 0 !important; bottom: 0 !important; top: unset !important; - max-height: 90vh; + max-height: 70vh; overflow: auto !important; + user-select: none; + -webkit-user-select: none; } /* Tree actions toolbar */ diff --git a/src/public/stylesheets/tree.css b/src/public/stylesheets/tree.css index f6139a99e..7e8f03561 100644 --- a/src/public/stylesheets/tree.css +++ b/src/public/stylesheets/tree.css @@ -40,6 +40,8 @@ span.fancytree-node.fancytree-hide { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; + user-select: none !important; + -webkit-user-select: none !important; } .fancytree-node:not(.fancytree-loading) .fancytree-expander {