sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

TinyMCE:

Browse Source 
- Fix the icon for the native dialogs close button.
- Highlight the button on :focus.

See #36035.

git-svn-id: https://develop.svn.wordpress.org/trunk@36857 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2016-03-05 22:00:45 +00:00
parent 57d8c6668a
commit 25838b4c23
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/wp-includes/css/editor.css
View File

@ -51,17 +51,19 @@
padding: 0 36px 0 16px; padding: 0 36px 0 16px;
} }
.mce-window .mce-window-head .mce-close { .mce-window .mce-window-head .mce-close,
.mce-window-head .mce-close .mce-i-remove {
color: transparent; color: transparent;
top: 0; top: 0;
right: 0; right: 0;
width: 36px; width: 36px;
height: 36px; height: 36px;
padding: 0;
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
} }
.mce-window .mce-window-head .mce-close:before { .mce-window-head .mce-close .mce-i-remove:before {
font: normal 20px/36px dashicons; font: normal 20px/36px dashicons;
text-align: center; text-align: center;
color: #666; color: #666;
@ -70,10 +72,19 @@
display: block; display: block;
} }
.mce-window .mce-window-head .mce-close:hover:before { .mce-window-head .mce-close:hover .mce-i-remove:before,
.mce-window-head .mce-close:focus .mce-i-remove:before {
color: #00a0d2; color: #00a0d2;
} }
.mce-window-head .mce-close:focus .mce-i-remove,
div.mce-tab:focus {
-webkit-box-shadow: 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow: 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
.mce-window .mce-window-head .mce-dragh { .mce-window .mce-window-head .mce-dragh {
width: -webkit-calc( 100% - 36px ); width: -webkit-calc( 100% - 36px );
width: calc( 100% - 36px ); width: calc( 100% - 36px );
@ -828,11 +839,10 @@ div.mce-menu .mce-menu-item-sep,
} }
.mce-notification button.mce-close { .mce-notification button.mce-close {
width: 20px; right: 6px;
right: 6px; top: 3px;
top: 9px; font-weight: normal;
font-weight: normal; color: #555d66;
color: #555d66;
} }
.mce-notification button.mce-close:hover, .mce-notification button.mce-close:hover,
@ -840,10 +850,6 @@ div.mce-menu .mce-menu-item-sep,
color: #000; color: #000;
} }
.mce-notification.mce-notification-info.mce-has-close {
padding-right: 24px;
}
i.mce-i-bold, i.mce-i-bold,
i.mce-i-italic, i.mce-i-italic,
i.mce-i-bullist, i.mce-i-bullist,
@ -881,7 +887,7 @@ i.mce-i-wp_page,
i.mce-i-hr, i.mce-i-hr,
i.mce-i-wp_code, i.mce-i-wp_code,
i.mce-i-dashicon, i.mce-i-dashicon,
.mce-close { i.mce-i-remove {
font: normal 20px/1 dashicons; font: normal 20px/1 dashicons;
padding: 0; padding: 0;
vertical-align: top; vertical-align: top;
@ -1025,7 +1031,7 @@ i.mce-i-hr:before {
content: "\f460"; content: "\f460";
} }
.mce-close:before { i.mce-i-remove:before {
content: "\f158"; content: "\f158";
} }