Media Grid CSS: Media modal close icon should be consistent with other modals.
Props celloexpressions. Fixes #29012. Built from https://develop.svn.wordpress.org/trunk@29287 git-svn-id: http://core.svn.wordpress.org/trunk@29069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
1f22888b56
commit
36fb0b8148
|
@ -416,6 +416,15 @@ ul#adminmenu > li.current > a.current:after {
|
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
|
||||
}
|
||||
|
||||
.media-modal-close:hover,
|
||||
.edit-attachment-frame .edit-media-header .right:hover,
|
||||
.edit-attachment-frame .edit-media-header .left:hover,
|
||||
.media-modal-close:focus,
|
||||
.edit-attachment-frame .edit-media-header .right:focus,
|
||||
.edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: $menu-highlight-background;
|
||||
color: $menu-highlight-text;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
|
||||
|
|
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #096484;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #096484; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #096484;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #096484; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #c7a589;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #c7a589; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #c7a589;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #c7a589; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #a3b745;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #a3b745; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #a3b745;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #a3b745; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #888;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #04a4cc; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #888;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #04a4cc; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #e14d43;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #e14d43; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #e14d43;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #e14d43; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #9ebaa0;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #9ebaa0; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #9ebaa0;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #9ebaa0; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #dd823b;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #dd823b; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -267,6 +267,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
|
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; }
|
||||
|
||||
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
|
||||
background: #dd823b;
|
||||
color: #fff; }
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
||||
background: #dd823b; }
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -141,33 +141,40 @@
|
|||
.media-modal-close {
|
||||
position: absolute;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
left: 10px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 50px;
|
||||
height: 48px;
|
||||
z-index: 1000;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.media-modal-close span.media-modal-icon {
|
||||
display: block;
|
||||
display: none;
|
||||
margin: 8px auto 0;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.media-modal-close .media-modal-icon:before {
|
||||
content: '\f158';
|
||||
font: normal 20px/1 'dashicons';
|
||||
.media-modal-close:before {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 11px;
|
||||
font: normal 30px/50px 'dashicons' !important;
|
||||
content: '\f335';
|
||||
font-weight: 300;
|
||||
speak: none;
|
||||
vertical-align: middle;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.media-modal-close:hover .media-modal-icon:before {
|
||||
color: #2ea2cc;
|
||||
.media-modal-close:focus,
|
||||
.media-modal-close:hover {
|
||||
background: #0074a2;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.media-modal-close:active {
|
||||
|
@ -2688,20 +2695,9 @@ video#inline-media-node {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close .media-modal-icon:before {
|
||||
content: '\f335';
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close:hover .media-modal-icon:before,
|
||||
.upload-php .media-modal-close:focus .media-modal-icon:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close .media-modal-icon {
|
||||
margin-top: 13px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.upload-php .media-modal-close:before {
|
||||
top: 4px;
|
||||
right: 14px;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close,
|
||||
|
@ -2719,11 +2715,6 @@ video#inline-media-node {
|
|||
border-right: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.edit-attachment-frame .edit-media-header .left {
|
||||
left: 112px;
|
||||
}
|
||||
|
@ -2760,6 +2751,8 @@ video#inline-media-node {
|
|||
|
||||
.edit-attachment-frame .edit-media-header .left.disabled,
|
||||
.edit-attachment-frame .edit-media-header .right.disabled,
|
||||
.edit-attachment-frame .edit-media-header .left.disabled:focus,
|
||||
.edit-attachment-frame .edit-media-header .right.disabled:focus,
|
||||
.edit-attachment-frame .edit-media-header .left.disabled:hover,
|
||||
.edit-attachment-frame .edit-media-header .right.disabled:hover {
|
||||
color: #ccc;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -141,33 +141,40 @@
|
|||
.media-modal-close {
|
||||
position: absolute;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 50px;
|
||||
height: 48px;
|
||||
z-index: 1000;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.media-modal-close span.media-modal-icon {
|
||||
display: block;
|
||||
display: none;
|
||||
margin: 8px auto 0;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.media-modal-close .media-modal-icon:before {
|
||||
content: '\f158';
|
||||
font: normal 20px/1 'dashicons';
|
||||
.media-modal-close:before {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 11px;
|
||||
font: normal 30px/50px 'dashicons' !important;
|
||||
content: '\f335';
|
||||
font-weight: 300;
|
||||
speak: none;
|
||||
vertical-align: middle;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.media-modal-close:hover .media-modal-icon:before {
|
||||
color: #2ea2cc;
|
||||
.media-modal-close:focus,
|
||||
.media-modal-close:hover {
|
||||
background: #0074a2;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.media-modal-close:active {
|
||||
|
@ -2688,20 +2695,9 @@ video#inline-media-node {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close .media-modal-icon:before {
|
||||
content: '\f335';
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close:hover .media-modal-icon:before,
|
||||
.upload-php .media-modal-close:focus .media-modal-icon:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close .media-modal-icon {
|
||||
margin-top: 13px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.upload-php .media-modal-close:before {
|
||||
top: 4px;
|
||||
left: 14px;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close,
|
||||
|
@ -2719,11 +2715,6 @@ video#inline-media-node {
|
|||
border-left: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.upload-php .media-modal-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.edit-attachment-frame .edit-media-header .left {
|
||||
right: 112px;
|
||||
}
|
||||
|
@ -2760,6 +2751,8 @@ video#inline-media-node {
|
|||
|
||||
.edit-attachment-frame .edit-media-header .left.disabled,
|
||||
.edit-attachment-frame .edit-media-header .right.disabled,
|
||||
.edit-attachment-frame .edit-media-header .left.disabled:focus,
|
||||
.edit-attachment-frame .edit-media-header .right.disabled:focus,
|
||||
.edit-attachment-frame .edit-media-header .left.disabled:hover,
|
||||
.edit-attachment-frame .edit-media-header .right.disabled:hover {
|
||||
color: #ccc;
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue