From f61959d9c2e4be3408566494c3479dec9f590f55 Mon Sep 17 00:00:00 2001 From: Thomas Bruederli Date: Thu, 7 Aug 2014 16:12:40 +0200 Subject: Render a rounded outline on focused dialog close button --- .../themes/larry/jquery-ui-1.10.4.custom.css | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) (limited to 'plugins') diff --git a/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css b/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css index b399d3eaf..86ad9625c 100755 --- a/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css +++ b/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css @@ -493,15 +493,16 @@ button.ui-button::-moz-focus-inner { overflow: hidden; text-overflow: ellipsis; } -.ui-dialog .ui-dialog-titlebar-close { +.ui-dialog .ui-button.ui-dialog-titlebar-close { position: absolute; right: -15px; top: -15px; - width: 30px; + width: 29px; + height: 29px; margin: 0; padding: 0; - height: 30px; z-index: 99999; + border-radius: 50%; border-width: 0 !important; background: none !important; filter: none !important; @@ -510,15 +511,18 @@ button.ui-button::-moz-focus-inner { -o-box-shadow: none !important; box-shadow: none !important; } -.ui-dialog .ui-dialog-titlebar-close.ui-state-focus { - outline: 2px solid #4fadd5; +.ui-dialog .ui-dialog-titlebar-close.ui-button:focus, +.ui-dialog .ui-dialog-titlebar-close.ui-button.ui-state-focus { + box-shadow: 0 0 2px 2px rgba(71,135,177, 0.9) !important; + -webkit-box-shadow: 0 0 2px 2px rgba(71,135,177, 0.9) !important; } .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { - top: 0; - left: 0; + top: 1px; + left: -1px; margin: 0; - width: 30px; - height: 30px; + width: 29px; + height: 29px; + border-radius: 50%; background: url("images/ui-dialog-close.png") 0 0 no-repeat; } .no-close .ui-dialog-titlebar-close { -- cgit v1.2.3