From 06da92e06d947945cb44ec0335a25c813ac879c2 Mon Sep 17 00:00:00 2001 From: Samuel Georges Date: Mon, 6 Jan 2020 18:56:28 +1100 Subject: [PATCH] Fixes multi click issue When the popup is hidden during its loading sequence, the invisible buttons are still clickable and prone to misclicks Fixes #4729 --- modules/system/assets/ui/less/popup.less | 4 ++++ modules/system/assets/ui/storm.css | 1 + 2 files changed, 5 insertions(+) diff --git a/modules/system/assets/ui/less/popup.less b/modules/system/assets/ui/less/popup.less index d863dc17f..8ef819f9b 100644 --- a/modules/system/assets/ui/less/popup.less +++ b/modules/system/assets/ui/less/popup.less @@ -113,6 +113,10 @@ .control-popup { &.fade { + &:not(.in) { + pointer-events: none; + } + .modal-dialog { .opacity(0); .transition(~'all 0.3s, width 0s'); diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css index 3187ad947..cea8cf4b2 100644 --- a/modules/system/assets/ui/storm.css +++ b/modules/system/assets/ui/storm.css @@ -4883,6 +4883,7 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete li a {padding:5px 12px;whit @media (min-width:768px) {.modal-dialog.size-tiny {width:300px }.modal-dialog.size-small {width:400px }} @media (min-width:992px) {.modal-dialog.size-large {width:750px }.modal-dialog.size-huge {width:900px }.modal-dialog.size-giant {width:982px }} @media (max-width:768px) {.modal-dialog.size-adaptive {width:auto;padding:5px 0;margin:0 }} +.control-popup.fade:not(.in) {pointer-events:none} .control-popup.fade .modal-dialog {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s,width 0s;transition:all 0.3s,width 0s;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)} .control-popup.fade.in .modal-dialog {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .popup-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;z-index:490;background-color:rgba(0,0,0,0.2);opacity:1;filter:alpha(opacity=100)}