vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-04-10 23:54:33 +00:00
Code Issues Actions 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 
git-svn-id: https://develop.svn.wordpress.org/trunk@29446 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz
2014-08-08 03:45:55 +00:00
parent f1aceb1667
commit f4e7b2a6ad
4 changed files with 232 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/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;
}
}