summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorxjm2018-01-05 23:06:05 (GMT)
committerxjm2018-01-05 23:06:05 (GMT)
commite538433ffc7f4b1ac053ef6aa2fda910fb41b594 (patch)
treef7b0bee301a0870295a5535b2f855209859f6d7f
parent5616f9b877e41b1cabe481ed9f35a7d564d90b29 (diff)
Issue #2863354 by benqwerty, DuaelFr, andrewmacpherson, xjm, mgifford, lauriii, ckrina: Add border to dialog [x] close button for hover and focus states
-rw-r--r--core/themes/seven/css/components/dialog.css20
1 files changed, 14 insertions, 6 deletions
diff --git a/core/themes/seven/css/components/dialog.css b/core/themes/seven/css/components/dialog.css
index b4459d1..1660fc3 100644
--- a/core/themes/seven/css/components/dialog.css
+++ b/core/themes/seven/css/components/dialog.css
@@ -34,14 +34,22 @@
-webkit-font-smoothing: antialiased;
}
.ui-dialog .ui-dialog-titlebar-close {
- border: 0;
+ border: 3px solid #6b6b6b;
+ border-radius: 5px;
background: none;
- right: 20px; /* LTR */
- top: 20px;
+ right: 12px; /* LTR */
+ top: 10px;
margin: 0;
- height: 16px;
- width: 16px;
+ padding: 0;
+ height: 30px;
+ width: 30px;
position: absolute;
+ -webkit-transition: all 0.1s;
+ transition: all 0.1s;
+}
+.ui-dialog .ui-dialog-titlebar-close:hover,
+.ui-dialog .ui-dialog-titlebar-close:focus {
+ border-color: #ffffff;
}
[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
right: auto;
@@ -49,7 +57,7 @@
}
.ui-dialog .ui-icon.ui-icon-closethick {
background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
- margin-top: -12px;
+ margin-top: -8px;
}
.ui-dialog .ui-widget-content.ui-dialog-content {
background: #ffffff;