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

Restyle the image editor so it looks way less hideous.

Browse Source 
props avryl.
see #27544.

Built from https://develop.svn.wordpress.org/trunk@27842


git-svn-id: http://core.svn.wordpress.org/trunk@27676 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Nacin
2014-03-29 08:51:14 +00:00
parent e87e153126
commit 3c1cdaa362
11 changed files with 284 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
wp-includes/css/media-views-rtl.css
View File

@@ -1458,22 +1458,90 @@
* Image Editor
*/
.media-frame .image-editor {
.media-frame .imgedit-wrap {
position: static;
}
.media-frame .imgedit-wait {
height: auto !important;
left: 0;
bottom: 0;
right: 0;
}
.media-frame .imgedit-wrap .imgedit-panel-content {
padding: 16px;
position: absolute;
top: 0;
left: 282px;
bottom: 0;
right: 0;
overflow: auto;
}
.media-frame .imgedit-wrap table {
width: 100%;
}
.media-frame .imgedit-wrap table td {
vertical-align: top;
padding-top: 0;
}
.media-frame .imgedit-wrap table td.imgedit-settings {
.media-frame .imgedit-wrap .imgedit-settings {
background: #f3f3f3;
border-right: 1px solid #ddd;
padding: 0 16px 16px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 250px;
overflow: auto;
}
.media-frame .imgedit-group {
background: none;
border: none;
border-bottom: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
margin-bottom: 16px;
padding: 0;
padding-bottom: 16px;
}
.media-frame .imgedit-group:last-of-type {
border: none;
margin: 0;
padding: 0;
}
.media-frame .imgedit-group-top h3 {
text-transform: uppercase;
font-size: 12px;
color: #666;
margin: 0;
margin-top: 24px;
}
.media-frame .imgedit-group-top h3 a {
text-decoration: none;
color: #666;
}
.media-frame .imgedit-help-toggle {
margin-top: -2px;
cursor: pointer;
color: #666;
}
.media-frame .imgedit-help-toggled span.dashicons:before {
content: '\f142';
}
.media-frame .imgedit-group img {
margin-top: 5px;
}
.media-frame .imgedit-wrap div.updated {
margin: 0;
margin-bottom: 16px;
}
/**
* Embed from URL and Image Details
*/

2
wp-includes/css/media-views-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

90
wp-includes/css/media-views.css
View File

@@ -1458,22 +1458,90 @@
* Image Editor
*/
.media-frame .image-editor {
.media-frame .imgedit-wrap {
position: static;
}
.media-frame .imgedit-wait {
height: auto !important;
right: 0;
bottom: 0;
left: 0;
}
.media-frame .imgedit-wrap .imgedit-panel-content {
padding: 16px;
position: absolute;
top: 0;
right: 282px;
bottom: 0;
left: 0;
overflow: auto;
}
.media-frame .imgedit-wrap table {
width: 100%;
}
.media-frame .imgedit-wrap table td {
vertical-align: top;
padding-top: 0;
}
.media-frame .imgedit-wrap table td.imgedit-settings {
.media-frame .imgedit-wrap .imgedit-settings {
background: #f3f3f3;
border-left: 1px solid #ddd;
padding: 0 16px 16px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 250px;
overflow: auto;
}
.media-frame .imgedit-group {
background: none;
border: none;
border-bottom: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
margin-bottom: 16px;
padding: 0;
padding-bottom: 16px;
}
.media-frame .imgedit-group:last-of-type {
border: none;
margin: 0;
padding: 0;
}
.media-frame .imgedit-group-top h3 {
text-transform: uppercase;
font-size: 12px;
color: #666;
margin: 0;
margin-top: 24px;
}
.media-frame .imgedit-group-top h3 a {
text-decoration: none;
color: #666;
}
.media-frame .imgedit-help-toggle {
margin-top: -2px;
cursor: pointer;
color: #666;
}
.media-frame .imgedit-help-toggled span.dashicons:before {
content: '\f142';
}
.media-frame .imgedit-group img {
margin-top: 5px;
}
.media-frame .imgedit-wrap div.updated {
margin: 0;
margin-bottom: 16px;
}
/**
* Embed from URL and Image Details
*/

2
wp-includes/css/media-views.min.css vendored
View File

File diff suppressed because one or more lines are too long