From b86472badf8b945dfce3ef38278740596f24ca08 Mon Sep 17 00:00:00 2001 From: Aleksander Machniak Date: Mon, 25 Mar 2019 12:55:12 +0100 Subject: [PATCH] Elastic: Fix scrollbar issue in jQuery-UI dialogs Bootstrap's box-sizing:border-box on everything does not work nice with jQuery-UI. --- skins/elastic/styles/widgets/jqueryui.less | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/skins/elastic/styles/widgets/jqueryui.less b/skins/elastic/styles/widgets/jqueryui.less index 51fcd343e..51a275257 100644 --- a/skins/elastic/styles/widgets/jqueryui.less +++ b/skins/elastic/styles/widgets/jqueryui.less @@ -96,9 +96,6 @@ } .ui-dialog-content { - // fixes resize issue e.g. in qr-code dialog - box-sizing: initial; - & > .popupmenu { display: block !important; } @@ -157,6 +154,12 @@ } } +// Fix scrollbar/resize issue e.g. in qr-code dialog +.ui-dialog, +.ui-dialog-content { + box-sizing: initial; +} + // Overwriting this icon generally prevents from loading bigger images sprite from jQuery-UI .ui-widget-content .ui-icon.ui-resizable-se { background: @icon-resize-corner;