vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-04-07 14:14:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Restyles the modal for attaching media to posts, take II (also some autoprefixer and imagemin). Props avryl, see #26952.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@27403 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz
2014-03-05 03:53:19 +00:00
parent 6afe83e3ca
commit 6beddbe7de
8 changed files with 88 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/wp-admin/css/edit.css
View File

@@ -628,6 +628,8 @@ span.wp-media-buttons-icon:before {
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY( -50% );
-ms-transform: translateY( -50% );
transform: translateY( -50% );
font-size: 40px;
color: #fff;

49
src/wp-admin/css/media.css
View File

@@ -235,33 +235,41 @@
.find-box {
background-color: #fff;
width: 600px;
max-width: 100%;
overflow: hidden;
margin-left: -300px;
position: fixed;
top: 30px;
bottom: 30px;
left: 50%;
z-index: 160000;
}
.find-box-head {
cursor: move;
background: #fcfcfc;
border-bottom: 1px solid #dfdfdf;
height: 40px;
height: 56px;
font-size: 22px;
font-weight: 600;
line-height: 40px;
line-height: 56px;
padding: 0 40px 0 16px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.find-box-inside {
overflow: auto;
padding: 16px;
background-color: #fff;
max-height: 300px;
position: absolute;
top: 57px;
bottom: 57px;
overflow-y: scroll;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.find-box-search {
@@ -272,7 +280,7 @@
float: none;
left: 125px;
position: absolute;
top: 9px;
top: 18px;
}
#find-posts-input,
@@ -286,7 +294,8 @@
margin: 0 4px 0 0;
}
.found-radio {
.widefat .found-radio {
padding-right: 0;
width: 16px;
}
@@ -315,15 +324,29 @@
}
.find-box-buttons {
padding: 6px 16px;
padding: 14px 16px;
background: #fcfcfc;
border-top: 1px solid #dfdfdf;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.find-box #resize-se {
position: absolute;
right: 1px;
bottom: 1px;
@media screen and ( max-width: 660px ) {
.find-box {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
}
.find-box-inside {
bottom: 69px;
}
}
.ui-find-overlay {