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

Issue #2934499 by samuel.mortenson: Adjust foccus styling for the Settings Tray [x] close button to match the dialog system

8.5.x
xjm 2018-01-08 14:32:28 -05:00
parent 27ff71aacf
commit c9ca954cb9
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
core/misc/dialog/off-canvas.theme.css
View File

@ -34,13 +34,18 @@
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
border: 0;
border: 3px solid transparent;
height: 30px;
width: 30px;
position: absolute;
top: calc(50% - 6px);
right: 1em;
transition: background .5s ease;
transition: all .5s ease;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover {
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:focus {
background-image: url(../icons/ffffff/ex.svg);
border: 3px solid #ffffff;
}
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
left: 1em;

11
core/themes/stable/css/core/dialog/off-canvas.theme.css
View File

@ -34,13 +34,18 @@
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
border: 0;
border: 3px solid transparent;
height: 30px;
width: 30px;
position: absolute;
top: calc(50% - 6px);
right: 1em;
transition: background .5s ease;
transition: all .5s ease;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover {
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:focus {
background-image: url(../../../images/core/icons/ffffff/ex.svg);
border: 3px solid #ffffff;
}
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
left: 1em;