Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #2863354 by benqwerty, DuaelFr, andrewmacpherson, xjm, mgifford, lauriii, ckrina: Add border to dialog [x] close button for hover and focus states

8.5.x
xjm 2018-01-05 17:06:05 -06:00
parent 5616f9b877
commit e538433ffc
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
core/themes/seven/css/components/dialog.css
View File

@ -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;