Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-06-23 13:24:57 +02:00
Code Issues Projects Releases Wiki Activity

Bundled themes: update editor styles to better display images and captions in small screens.

Browse Source 
Props jacklenox, see #31250.
Built from https://develop.svn.wordpress.org/trunk@31849


git-svn-id: http://core.svn.wordpress.org/trunk@31828 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2015-03-20 16:35:28 +00:00
parent fd2e5d66e7
commit a7eedc5f23
3 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
wp-content/themes/twentyfifteen/css/editor-style.css
View File

@ -15,6 +15,7 @@ Description: Used to style the TinyMCE editor.
* 6.0 - Galleries
* 7.0 - Audio / Video
* 8.0 - RTL
* 9.0 - Media Queries
*/
@ -479,3 +480,18 @@ body.rtl {
.rtl table caption {
text-align: right;
}
/**
* 9.0 Media Queries
*/
@media screen and (max-width: 660px) {
body, img, .wp-caption {
max-width: 100%;
}
img, .wp-caption {
width: auto !important;
}
}

16
wp-content/themes/twentyfourteen/css/editor-style.css
View File

@ -17,6 +17,7 @@ Description: Used to style the TinyMCE editor.
* 8.0 - Galleries
* 9.0 - Audio/Video
* 10.0 - RTL
* 11.0 - Media Queries
* ----------------------------------------------------------------------------
*/
@ -719,3 +720,18 @@ html .mceContentBody.rtl {
.rtl td {
text-align: right;
}
/**
* 11.0 Media Queries
*/
@media screen and (max-width: 474px) {
body, img, .wp-caption {
max-width: 100%;
}
img, .wp-caption {
width: auto !important;
}
}

16
wp-content/themes/twentythirteen/css/editor-style.css
View File

@ -18,6 +18,7 @@ Description: Used to style the TinyMCE editor.
* 9.0 - Audio/Video
* 10.0 - Post Formats
* 11.0 - RTL
* 12.0 - Media Queries
* ----------------------------------------------------------------------------
*/
@ -769,3 +770,18 @@ html .mceContentBody.rtl {
background: none;
content: none;
}
/**
* 12.0 Media Queries
*/
@media screen and (max-width: 604px) {
body, img, .wp-caption {
max-width: 100%;
}
img, .wp-caption {
width: auto !important;
}
}