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

Add attachment display settings to the media modal.

Browse Source 
* Add a media view for button groups.
* Add button dropdown containers.
* Add a dropdown property to the button media model.

fixes #22206, #21814, see #21390, #21813, #21598.


git-svn-id: https://develop.svn.wordpress.org/trunk@22247 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
2012-10-16 19:25:17 +00:00
parent c593ca433a
commit 9e8cd23bdb
4 changed files with 246 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wp-includes/css/buttons.css
+28 -2
View File
@@ -229,6 +229,7 @@ TABLE OF CONTENTS:
---------------------------------------------------------------------------- */
.button-group {
position: relative;
display: inline-block;
white-space: nowrap;
font-size: 0;
@@ -236,7 +237,6 @@ TABLE OF CONTENTS:
}
.button-group > .button {
position: relative;
display: inline-block;
border-radius: 0;
margin-right: -1px;
@@ -269,8 +269,34 @@ TABLE OF CONTENTS:
content: '\25BE';
display: inline-block;
font-size: 16px;
opacity: 0.8;
opacity: 0.9;
margin: 0 -0.25em;
text-align: center;
vertical-align: middle;
}
.button .dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
margin-top: 5px;
padding: 0.8em 1em;
border-radius: 3px;
background: #f5f5f5;
color: #333;
text-shadow: none;
box-shadow:
0 0 0 1px rgba( 0, 0, 0, 0.3 ),
1px 1px 2px rgba( 0, 0, 0, 0.1 );
}
.button.active .dropdown {
display: block;
}
.dropdown-flip-x .dropdown {
left: auto;
right: 0;
}
wp-includes/css/media-views.css
+25 -6
View File
@@ -86,17 +86,18 @@
float: left;
}
.media-toolbar .media-button {
.media-toolbar-primary > .media-button,
.media-toolbar-primary > .media-button-group {
margin-left: 10px;
float: left;
margin-top: 16px;
}
.media-toolbar-primary .media-button {
margin-left: 10px;
}
.media-toolbar-secondary .media-button {
.media-toolbar-secondary > .media-button,
.media-toolbar-secondary > .media-button-group {
margin-right: 10px;
float: left;
margin-top: 16px;
}
/**
@@ -515,4 +516,22 @@
.selection-preview .clear-selection {
float: left;
line-height: 60px;
}
/**
* Attachment Display Settings
*/
.attachment-display-settings,
.button div.attachment-display-settings {
padding: 0 1em 1em;
}
.attachment-display-settings h3 {
font-weight: 200;
margin: 1.4em 0 0.4em;
}
.attachment-display-settings h4 {
margin: 1.4em 0 0.4em;
}