IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Media: improve the media modal at small screen sizes and make it usable on phones, first run. Part-props gcorne, see #27423.

Browse Source 
Built from https://develop.svn.wordpress.org/trunk@29446


git-svn-id: http://core.svn.wordpress.org/trunk@29224 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Ozz
2014-08-08 03:46:17 +00:00
parent c2926b7011
commit b8198ecf64
12 changed files with 388 additions and 479 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
wp-includes/css/editor.css
View File

@@ -176,12 +176,12 @@ div.mce-path {
margin: 0;
}
.mce-path,
.mce-path-item,
.mce-path .mce-divider {
font-size: 12px;
line-height: 18px;
}
.mce-path,
.mce-path-item,
.mce-path .mce-divider {
font-size: 12px;
line-height: 18px;
}
.mce-toolbar .mce-btn,
.qt-fullscreen {
@@ -934,32 +934,41 @@ i.mce-i-hr:before {
position: absolute;
top: 0;
right: 0;
margin-top: 5px;
margin-right: 5px;
margin: 5px 5px 0 0;
}
@media screen and ( max-width: 782px ) {
.mce-toolbar .mce-btn button,
.qt-fullscreen {
padding: 7px 8px;
padding: 6px 7px;
}
#wp-fullscreen-buttons .mce-btn,
.mce-toolbar .mce-btn-group .mce-btn {
margin: 1px;
}
.qt-fullscreen {
width: 38px;
width: 36px;
height: 34px;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-wp-fullscreen {
margin: 4px 4px 0 0;
}
.mce-toolbar .mce-colorbutton .mce-preview {
margin-left: -21px;
left: 8px;
bottom: 6px;
}
.mce-window .mce-btn {
padding: 2px 0;
}
div.mce-toolbar-grp,
.quicktags-toolbar {
padding-right: 46px;
.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
.has-dfw .quicktags-toolbar {
padding-right: 40px;
}
}