2014-02-19 16:43:14 -05:00
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
|
14.0 - Media Screen
|
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
.media-item .describe {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
width: 100%;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-top: 1px solid #dcdcde;
|
2014-02-19 16:43:14 -05:00
|
|
|
clear: both;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item.media-blank .describe {
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe th {
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
text-align: left;
|
|
|
|
|
padding: 5px 10px 10px;
|
|
|
|
|
width: 140px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe .align th {
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .media-item-info tr {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe td {
|
|
|
|
|
padding: 0 8px 8px 0;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item thead.media-item-info td {
|
|
|
|
|
padding: 4px 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .media-item-info .A1B1 {
|
|
|
|
|
padding: 0 0 0 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item td.savesend {
|
|
|
|
|
padding-bottom: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .thumbnail {
|
|
|
|
|
max-height: 128px;
|
|
|
|
|
max-width: 128px;
|
|
|
|
|
}
|
|
|
|
|
|
2021-05-25 21:40:58 -04:00
|
|
|
.media-list-subtitle {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-list-title {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
#wpbody-content #async-upload-wrap a {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form td label {
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
margin-left: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .align .field label {
|
|
|
|
|
display: inline;
|
|
|
|
|
padding: 0 0 0 23px;
|
|
|
|
|
margin: 0 1em 0 3px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form tr.image-size label {
|
|
|
|
|
margin: 0 0 0 5px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form th.label label {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
margin: 0.5em;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form th.label label span {
|
|
|
|
|
padding: 0 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe input[type="text"],
|
|
|
|
|
.media-item .describe textarea {
|
|
|
|
|
width: 460px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe p.help {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0 0 0 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.describe-toggle-on,
|
|
|
|
|
.describe-toggle-off {
|
|
|
|
|
display: block;
|
2019-05-30 12:45:50 -04:00
|
|
|
line-height: 2.76923076;
|
2014-02-19 16:43:14 -05:00
|
|
|
float: right;
|
2014-08-02 10:14:19 -04:00
|
|
|
margin-right: 10px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2021-06-22 00:26:58 -04:00
|
|
|
.media-item-wrapper {
|
2021-05-25 21:40:58 -04:00
|
|
|
display: grid;
|
2021-06-22 00:26:58 -04:00
|
|
|
grid-template-columns: 1fr 1fr;
|
2021-05-25 21:40:58 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .attachment-tools {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .edit-attachment {
|
|
|
|
|
padding: 14px 0;
|
|
|
|
|
display: block;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .edit-attachment.copy-to-clipboard-container {
|
2023-10-08 14:21:23 -04:00
|
|
|
display: flex;
|
2021-05-25 21:40:58 -04:00
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item-copy-container .success {
|
|
|
|
|
line-height: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item button .copy-attachment-url {
|
2021-05-26 10:24:57 -04:00
|
|
|
margin-top: 14px;
|
2021-05-25 21:40:58 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .copy-to-clipboard-container {
|
2021-05-26 10:24:57 -04:00
|
|
|
margin-top: 7px;
|
2021-05-25 21:40:58 -04:00
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.media-item .describe-toggle-off,
|
|
|
|
|
.media-item.open .describe-toggle-on {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item.open .describe-toggle-off {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-02 10:14:19 -04:00
|
|
|
.media-upload-form .media-item {
|
2021-05-25 21:40:58 -04:00
|
|
|
min-height: 70px;
|
2014-08-02 10:14:19 -04:00
|
|
|
margin-bottom: 1px;
|
2014-02-19 16:43:14 -05:00
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
2014-06-25 13:39:15 -04:00
|
|
|
background: #fff;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2014-08-02 10:14:19 -04:00
|
|
|
.media-upload-form .media-item,
|
|
|
|
|
.media-upload-form .media-item .error {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
box-shadow: 0 1px 0 #dcdcde;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#media-items:empty {
|
|
|
|
|
border: 0 none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .filename {
|
2021-05-25 21:40:58 -04:00
|
|
|
padding: 14px 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
overflow: hidden;
|
2014-07-12 10:52:15 -04:00
|
|
|
margin-left: 6px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .pinkynail {
|
|
|
|
|
float: left;
|
2021-05-25 21:40:58 -04:00
|
|
|
margin: 0 10px 0 0;
|
|
|
|
|
max-height: 70px;
|
|
|
|
|
max-width: 70px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .startopen,
|
|
|
|
|
.media-item .startclosed {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .original {
|
|
|
|
|
position: relative;
|
2023-01-18 13:51:11 -05:00
|
|
|
min-height: 34px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .progress {
|
|
|
|
|
float: right;
|
|
|
|
|
height: 22px;
|
2014-07-12 10:52:15 -04:00
|
|
|
margin: 7px 6px;
|
2014-02-19 16:43:14 -05:00
|
|
|
width: 200px;
|
|
|
|
|
line-height: 2em;
|
|
|
|
|
padding: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
border-radius: 22px;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #dcdcde;
|
2019-03-04 17:02:52 -05:00
|
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .bar {
|
|
|
|
|
z-index: 9;
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin-top: -22px;
|
|
|
|
|
border-radius: 22px;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background-color: #2271b1;
|
2019-03-04 17:02:52 -05:00
|
|
|
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .progress .percent {
|
|
|
|
|
z-index: 10;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 200px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
font-weight: 400;
|
2019-03-04 17:02:52 -05:00
|
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .fixed .column-parent {
|
|
|
|
|
width: 15%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.js .html-uploader #plupload-upload-ui {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.js .html-uploader #html-upload-ui {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-09 18:34:09 -05:00
|
|
|
#html-upload-ui #async-upload {
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-02 10:14:19 -04:00
|
|
|
.media-upload-form .media-item.error,
|
|
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
width: auto;
|
2021-09-02 18:18:00 -04:00
|
|
|
margin: 0 0 1px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2014-08-02 10:14:19 -04:00
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
padding: 10px 0 10px 14px;
|
2021-06-22 00:26:58 -04:00
|
|
|
min-height: 50px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2018-03-05 10:33:33 -05:00
|
|
|
.media-item .error-div button.dismiss {
|
2014-02-19 16:43:14 -05:00
|
|
|
float: right;
|
2014-08-02 10:14:19 -04:00
|
|
|
margin: 0 10px 0 15px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
|
14.1 - Media Library
|
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
.find-box {
|
2014-03-04 18:11:13 -05:00
|
|
|
background-color: #fff;
|
2019-03-04 17:02:52 -05:00
|
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
|
2014-02-19 16:43:14 -05:00
|
|
|
width: 600px;
|
|
|
|
|
overflow: hidden;
|
2014-03-04 18:11:13 -05:00
|
|
|
margin-left: -300px;
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 30px;
|
2014-03-04 22:54:15 -05:00
|
|
|
bottom: 30px;
|
2014-03-04 18:11:13 -05:00
|
|
|
left: 50%;
|
2014-03-07 19:41:16 -05:00
|
|
|
z-index: 100105;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-head {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #fff;
|
|
|
|
|
border-bottom: 1px solid #dcdcde;
|
2014-03-14 01:55:16 -04:00
|
|
|
height: 36px;
|
|
|
|
|
font-size: 18px;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-weight: 600;
|
2019-05-30 12:45:50 -04:00
|
|
|
line-height: 2;
|
2014-03-14 01:55:16 -04:00
|
|
|
padding: 0 36px 0 16px;
|
2014-03-04 22:54:15 -05:00
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-inside {
|
|
|
|
|
overflow: auto;
|
2014-03-04 18:11:13 -05:00
|
|
|
padding: 16px;
|
2014-02-19 16:43:14 -05:00
|
|
|
background-color: #fff;
|
2014-03-04 22:54:15 -05:00
|
|
|
position: absolute;
|
2014-03-14 01:55:16 -04:00
|
|
|
top: 37px;
|
2014-03-09 18:20:14 -04:00
|
|
|
bottom: 45px;
|
2014-03-04 18:11:13 -05:00
|
|
|
overflow-y: scroll;
|
2014-03-04 22:54:15 -05:00
|
|
|
width: 100%;
|
|
|
|
|
box-sizing: border-box;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2014-03-04 18:11:13 -05:00
|
|
|
.find-box-search {
|
|
|
|
|
padding-bottom: 16px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-search .spinner {
|
|
|
|
|
float: none;
|
2015-04-03 00:52:27 -04:00
|
|
|
left: 105px;
|
2014-02-19 16:43:14 -05:00
|
|
|
position: absolute;
|
2014-08-01 17:59:16 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-search,
|
|
|
|
|
#find-posts-response {
|
|
|
|
|
position: relative; /* RTL fix, #WP28010 */
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2014-03-04 18:11:13 -05:00
|
|
|
#find-posts-input,
|
|
|
|
|
#find-posts-search {
|
2014-02-19 16:43:14 -05:00
|
|
|
float: left;
|
2014-03-04 18:11:13 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#find-posts-input {
|
2014-02-19 16:43:14 -05:00
|
|
|
width: 140px;
|
2014-03-04 18:11:13 -05:00
|
|
|
height: 28px;
|
|
|
|
|
margin: 0 4px 0 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2014-03-04 22:54:15 -05:00
|
|
|
.widefat .found-radio {
|
|
|
|
|
padding-right: 0;
|
2014-03-04 18:11:13 -05:00
|
|
|
width: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#find-posts-close {
|
2014-03-14 01:55:16 -04:00
|
|
|
width: 36px;
|
|
|
|
|
height: 36px;
|
2016-04-17 12:58:26 -04:00
|
|
|
border: none;
|
|
|
|
|
padding: 0;
|
2014-03-04 18:11:13 -05:00
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
text-align: center;
|
2016-04-17 12:58:26 -04:00
|
|
|
background: none;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #646970;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2016-04-17 12:58:26 -04:00
|
|
|
#find-posts-close:hover,
|
|
|
|
|
#find-posts-close:focus {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #135e96;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2016-04-17 12:58:26 -04:00
|
|
|
#find-posts-close:focus {
|
2024-02-07 11:56:13 -05:00
|
|
|
box-shadow: 0 0 0 2px #2271b1;
|
2019-01-10 11:47:50 -05:00
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: -2px;
|
2016-04-17 12:58:26 -04:00
|
|
|
}
|
|
|
|
|
|
2014-03-04 18:11:13 -05:00
|
|
|
#find-posts-close:before {
|
2015-09-05 15:57:25 -04:00
|
|
|
font: normal 20px/36px dashicons;
|
2014-03-04 18:11:13 -05:00
|
|
|
vertical-align: top;
|
2020-10-25 22:25:09 -04:00
|
|
|
speak: never;
|
2014-03-04 18:11:13 -05:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f158";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2014-03-04 18:11:13 -05:00
|
|
|
.find-box-buttons {
|
2014-03-09 18:20:14 -04:00
|
|
|
padding: 8px 16px;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #fff;
|
|
|
|
|
border-top: 1px solid #dcdcde;
|
2014-03-04 22:54:15 -05:00
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2019-01-17 02:41:52 -05:00
|
|
|
@media screen and (max-width: 782px) {
|
2014-03-07 19:47:14 -05:00
|
|
|
.find-box-inside {
|
2014-03-09 18:20:14 -04:00
|
|
|
bottom: 57px;
|
2014-03-07 19:47:14 -05:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-17 02:41:52 -05:00
|
|
|
@media screen and (max-width: 660px) {
|
2014-03-04 22:54:15 -05:00
|
|
|
|
|
|
|
|
.find-box {
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui-find-overlay {
|
2014-03-04 18:11:13 -05:00
|
|
|
position: fixed;
|
2014-02-19 16:43:14 -05:00
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
2014-03-04 18:11:13 -05:00
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
background: #000;
|
|
|
|
|
opacity: 0.7;
|
2014-03-14 01:55:16 -04:00
|
|
|
filter: alpha(opacity=70);
|
2014-03-07 19:41:16 -05:00
|
|
|
z-index: 100100;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop #drag-drop-area {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border: 4px dashed #c3c4c7;
|
2014-02-19 16:43:14 -05:00
|
|
|
height: 200px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop .drag-drop-inside {
|
2019-06-07 16:45:02 -04:00
|
|
|
margin: 60px auto 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
width: 250px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop-inside p {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin: 5px 0;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop .drag-drop-inside p {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop-inside p.drag-drop-info {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop .drag-drop-inside p,
|
|
|
|
|
.drag-drop-inside p.drag-drop-buttons {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
#drag-drop-area:-moz-drag-over {
|
|
|
|
|
border-color: #83b4d8;
|
|
|
|
|
}
|
|
|
|
|
border color while dragging a file over the uploader drop area */
|
|
|
|
|
.drag-drop.drag-over #drag-drop-area {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-color: #9ec2e6;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#plupload-upload-ui {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
Media: Use consistent spacing for the media toolbar in both grid and list view.
Previously, the spacing between media toolbar elements in grid and list view did not match. We now use the same select margin across both views.
Props desrosj, seusmaniqbal, ianbelanger, subrataemfluence, sabernhardt, pooja1210, sumitbagthariya16, shailu25, devmuhib, huzaifaalmesbah, audrasjb.
Fixes #43904.
Built from https://develop.svn.wordpress.org/trunk@57764
git-svn-id: http://core.svn.wordpress.org/trunk@57265 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2024-03-04 12:42:11 -05:00
|
|
|
|
|
|
|
|
.post-type-attachment .wp-filter select {
|
|
|
|
|
margin: 0 6px 0 0;
|
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
|
2014-08-25 12:51:15 -04:00
|
|
|
/**
|
|
|
|
|
* Media Library grid view
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid,
|
|
|
|
|
.media-frame.mode-grid .media-frame-content,
|
2021-05-07 19:19:03 -04:00
|
|
|
.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,
|
|
|
|
|
.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,
|
2014-08-25 12:51:15 -04:00
|
|
|
.media-frame.mode-grid .uploader-inline-content {
|
|
|
|
|
position: static;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Regions we don't use at all */
|
|
|
|
|
.media-frame.mode-grid .media-frame-title,
|
|
|
|
|
.media-frame.mode-grid .media-frame-router,
|
|
|
|
|
.media-frame.mode-grid .media-frame-menu {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .media-frame-content {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar {
|
2014-08-26 00:18:17 -04:00
|
|
|
position: relative;
|
|
|
|
|
width: auto;
|
2017-03-31 13:38:43 -04:00
|
|
|
margin-top: 12px;
|
2014-08-26 00:18:17 -04:00
|
|
|
padding: 0 16px;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-left: 4px solid #d63638;
|
2019-01-17 02:41:52 -05:00
|
|
|
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
2015-06-19 14:56:27 -04:00
|
|
|
background-color: #fff;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .hide-sidebar .media-sidebar {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .media-uploader-status {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
padding-bottom: 0;
|
2014-08-26 00:18:17 -04:00
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .upload-error {
|
2015-05-15 12:19:26 -04:00
|
|
|
margin: 12px 0;
|
|
|
|
|
padding: 4px 0 0;
|
2014-08-26 00:18:17 -04:00
|
|
|
border: none;
|
2015-05-15 12:19:26 -04:00
|
|
|
box-shadow: none;
|
2014-08-26 00:18:17 -04:00
|
|
|
background: none;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2015-10-28 19:08:24 -04:00
|
|
|
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
|
2014-08-25 12:51:15 -04:00
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .uploader-inline {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: auto;
|
|
|
|
|
right: auto;
|
|
|
|
|
left: auto;
|
|
|
|
|
bottom: auto;
|
|
|
|
|
padding-top: 0;
|
2017-03-31 13:38:43 -04:00
|
|
|
margin-top: 20px;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border: 4px dashed #c3c4c7;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2021-05-07 19:19:03 -04:00
|
|
|
.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,
|
|
|
|
|
.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper {
|
2014-08-25 12:51:15 -04:00
|
|
|
position: relative;
|
2014-08-26 11:58:15 -04:00
|
|
|
top: 94px; /* prevent jumping up when the toolbar becomes fixed */
|
|
|
|
|
padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2014-08-25 17:26:16 -04:00
|
|
|
.media-frame.mode-grid .attachment:focus,
|
|
|
|
|
.media-frame.mode-grid .selected.attachment:focus,
|
|
|
|
|
.media-frame.mode-grid .attachment.details:focus {
|
2024-02-07 11:56:13 -05:00
|
|
|
box-shadow: inset 0 0 0 2px #2271b1;
|
2019-01-10 11:47:50 -05:00
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: -6px;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .selected.attachment {
|
|
|
|
|
box-shadow:
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
inset 0 0 0 5px #f0f0f1,
|
|
|
|
|
inset 0 0 0 7px #c3c4c7;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2014-08-25 17:26:16 -04:00
|
|
|
.media-frame.mode-grid .attachment.details {
|
2014-08-25 12:51:15 -04:00
|
|
|
box-shadow:
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
inset 0 0 0 3px #f0f0f1,
|
|
|
|
|
inset 0 0 0 7px #4f94d4;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid.mode-select .attachment .thumbnail {
|
|
|
|
|
opacity: 0.65;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-select .attachment.selected .thumbnail {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-26 11:58:15 -04:00
|
|
|
.media-frame.mode-grid .media-toolbar {
|
2014-08-27 01:40:16 -04:00
|
|
|
margin-bottom: 15px;
|
2014-08-25 12:51:15 -04:00
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-26 11:58:15 -04:00
|
|
|
.media-frame.mode-grid .media-toolbar select {
|
|
|
|
|
margin: 0 10px 0 0;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2015-06-19 14:56:27 -04:00
|
|
|
.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
|
|
|
|
|
margin: 0 8px 0 0;
|
|
|
|
|
vertical-align: middle;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2014-08-26 11:58:15 -04:00
|
|
|
.media-frame.mode-grid .attachments-browser .bulk-select {
|
2014-08-25 12:51:15 -04:00
|
|
|
display: inline-block;
|
2014-08-26 11:58:15 -04:00
|
|
|
margin: 0 10px 0 0;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2014-08-26 11:58:15 -04:00
|
|
|
.media-frame.mode-grid .search {
|
|
|
|
|
margin-top: 0;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2023-06-25 17:13:21 -04:00
|
|
|
.media-frame-content .media-search-input-label {
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
}
|
|
|
|
|
|
2014-10-02 00:13:16 -04:00
|
|
|
.attachments-browser .media-toolbar-secondary > .media-button {
|
2014-08-25 12:51:15 -04:00
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-26 11:58:15 -04:00
|
|
|
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 32px;
|
|
|
|
|
left: auto;
|
|
|
|
|
right: 20px;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-25 12:51:15 -04:00
|
|
|
.media-frame.mode-grid .attachments-browser {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2014-09-03 02:28:16 -04:00
|
|
|
.media-frame.mode-grid .attachments-browser .attachments {
|
|
|
|
|
padding: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-25 12:51:15 -04:00
|
|
|
.media-frame.mode-grid .attachments-browser .no-media {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #646970; /* same as no plugins and no themes */
|
2014-08-25 12:51:15 -04:00
|
|
|
font-size: 18px;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 100px 0 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Attachment details modal
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame {
|
|
|
|
|
display: block;
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close .media-modal-icon:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f335";
|
2014-08-25 12:51:15 -04:00
|
|
|
font-size: 22px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right {
|
|
|
|
|
cursor: pointer;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #787c82;
|
2014-08-25 12:51:15 -04:00
|
|
|
background-color: transparent;
|
|
|
|
|
height: 50px;
|
|
|
|
|
width: 50px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border: 0;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-left: 1px solid #dcdcde;
|
2016-01-08 14:13:26 -05:00
|
|
|
transition: color .1s ease-in-out, background .1s ease-in-out;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close {
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left {
|
|
|
|
|
right: 102px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right {
|
|
|
|
|
right: 51px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .media-frame-title {
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 150px; /* leave space for prev/next/close */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:before,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:before {
|
2015-09-05 15:57:25 -04:00
|
|
|
font: normal 20px/50px dashicons !important;
|
2014-08-25 12:51:15 -04:00
|
|
|
display: inline;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-25 17:58:17 -04:00
|
|
|
.upload-php .media-modal-close:hover,
|
|
|
|
|
.upload-php .media-modal-close:focus,
|
2014-08-25 12:51:15 -04:00
|
|
|
.edit-attachment-frame .edit-media-header .left:hover,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:hover,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:focus,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:focus {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #dcdcde;
|
|
|
|
|
border-color: #c3c4c7;
|
2014-08-25 17:58:17 -04:00
|
|
|
color: #000;
|
2014-09-02 14:27:16 -04:00
|
|
|
outline: none;
|
2015-06-26 01:01:24 -04:00
|
|
|
box-shadow: none;
|
2014-08-25 17:58:17 -04:00
|
|
|
}
|
|
|
|
|
|
2019-01-10 11:47:50 -05:00
|
|
|
.upload-php .media-modal-close:focus,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:focus,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:focus {
|
|
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: -2px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-25 17:58:17 -04:00
|
|
|
.upload-php .media-modal-close:focus .media-modal-icon:before,
|
|
|
|
|
.upload-php .media-modal-close:hover .media-modal-icon:before {
|
|
|
|
|
color: #000;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2019-06-05 21:25:52 -04:00
|
|
|
.edit-attachment-frame .edit-media-header .left:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f341";
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2019-06-05 21:25:52 -04:00
|
|
|
.edit-attachment-frame .edit-media-header .right:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f345";
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2019-06-12 17:03:52 -04:00
|
|
|
.edit-attachment-frame .edit-media-header [disabled],
|
|
|
|
|
.edit-attachment-frame .edit-media-header [disabled]:hover {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #c3c4c7;
|
2014-08-25 12:51:15 -04:00
|
|
|
background: inherit;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .media-frame-content,
|
|
|
|
|
.edit-attachment-frame .media-frame-router {
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .media-frame-content {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
top: 50px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-details {
|
|
|
|
|
position: absolute;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
left: 0;
|
2021-09-02 18:18:00 -04:00
|
|
|
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 65%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view .thumbnail {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view .details-image {
|
|
|
|
|
display: block;
|
2016-11-13 11:39:31 -05:00
|
|
|
margin: 0 auto 16px;
|
2014-08-25 12:51:15 -04:00
|
|
|
max-width: 100%;
|
|
|
|
|
max-height: 90%;
|
|
|
|
|
max-height: calc( 100% - 42px ); /* leave space for actions underneath */
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
|
2017-09-22 15:57:47 -04:00
|
|
|
background-position: 0 0, 10px 10px;
|
|
|
|
|
background-size: 20px 20px;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
2018-02-03 08:54:31 -05:00
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view .details-image.icon {
|
|
|
|
|
background: none;
|
|
|
|
|
}
|
2014-08-25 12:51:15 -04:00
|
|
|
|
2016-11-13 11:39:31 -05:00
|
|
|
.edit-attachment-frame .attachment-media-view .attachment-actions {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-25 12:51:15 -04:00
|
|
|
.edit-attachment-frame .wp-media-wrapper {
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame input,
|
|
|
|
|
.edit-attachment-frame textarea {
|
2022-09-20 00:02:10 -04:00
|
|
|
padding: 4px 8px;
|
|
|
|
|
line-height: 1.42857143;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info {
|
|
|
|
|
overflow: auto;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
padding: 12px 16px 0;
|
|
|
|
|
width: 35%;
|
|
|
|
|
height: 100%;
|
2021-09-02 18:18:00 -04:00
|
|
|
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
|
2014-08-25 12:51:15 -04:00
|
|
|
border-bottom: 0;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-left: 1px solid #dcdcde;
|
|
|
|
|
background: #f6f7f7;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info .details,
|
|
|
|
|
.edit-attachment-frame .attachment-info .settings {
|
2014-08-26 08:55:16 -04:00
|
|
|
position: relative; /* RTL fix, #WP29352 */
|
2014-08-25 12:51:15 -04:00
|
|
|
overflow: hidden;
|
|
|
|
|
float: none;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
padding-bottom: 15px;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-bottom: 1px solid #dcdcde;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info .filename {
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #646970;
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info .thumbnail {
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attachment-info .actions {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attachment-info .actions a {
|
|
|
|
|
display: inline;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
Accessibility: Media: Add a "Copy URL" button to the attachment File URL fields.
For a number of years, various screens in the WordPress admin provided users with a readonly input field to copy the attachment file URL. Manually copying from a readonly field is an annoying task at best even for mouser users. It's a usability and accessibility issue at the same time.
These fields now have a new "Copy URL" button that is easy to use and accessible to everyone.
Props theolg, markdubois, vabrashev, sajjad67, xkon, nrqsnchz, melchoyce, audrasjb, afercia.
See #41612, #50322, #50335.
Fixes #48463.
Built from https://develop.svn.wordpress.org/trunk@48232
git-svn-id: http://core.svn.wordpress.org/trunk@48001 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-06-30 09:16:04 -04:00
|
|
|
.copy-to-clipboard-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-27 16:48:05 -04:00
|
|
|
.copy-to-clipboard-container .copy-attachment-url {
|
|
|
|
|
white-space: normal;
|
|
|
|
|
}
|
|
|
|
|
|
Accessibility: Media: Add a "Copy URL" button to the attachment File URL fields.
For a number of years, various screens in the WordPress admin provided users with a readonly input field to copy the attachment file URL. Manually copying from a readonly field is an annoying task at best even for mouser users. It's a usability and accessibility issue at the same time.
These fields now have a new "Copy URL" button that is easy to use and accessible to everyone.
Props theolg, markdubois, vabrashev, sajjad67, xkon, nrqsnchz, melchoyce, audrasjb, afercia.
See #41612, #50322, #50335.
Fixes #48463.
Built from https://develop.svn.wordpress.org/trunk@48232
git-svn-id: http://core.svn.wordpress.org/trunk@48001 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-06-30 09:16:04 -04:00
|
|
|
.copy-to-clipboard-container .success {
|
2024-01-11 10:52:14 -05:00
|
|
|
color: #007017;
|
Accessibility: Media: Add a "Copy URL" button to the attachment File URL fields.
For a number of years, various screens in the WordPress admin provided users with a readonly input field to copy the attachment file URL. Manually copying from a readonly field is an annoying task at best even for mouser users. It's a usability and accessibility issue at the same time.
These fields now have a new "Copy URL" button that is easy to use and accessible to everyone.
Props theolg, markdubois, vabrashev, sajjad67, xkon, nrqsnchz, melchoyce, audrasjb, afercia.
See #41612, #50322, #50335.
Fixes #48463.
Built from https://develop.svn.wordpress.org/trunk@48232
git-svn-id: http://core.svn.wordpress.org/trunk@48001 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-06-30 09:16:04 -04:00
|
|
|
margin-left: 8px;
|
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
|
14.2 - Image Editor
|
|
|
|
|
------------------------------------------------------------------------------*/
|
2019-04-10 16:00:50 -04:00
|
|
|
.wp_attachment_details .attachment-alt-text {
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
2022-09-20 00:02:10 -04:00
|
|
|
.wp_attachment_details #attachment_alt {
|
|
|
|
|
max-width: 500px;
|
|
|
|
|
height: 3.28571428em;
|
|
|
|
|
}
|
|
|
|
|
|
2019-04-10 16:00:50 -04:00
|
|
|
.wp_attachment_details .attachment-alt-text-description {
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
|
|
|
|
|
.wp_attachment_details label[for="content"] {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
margin: 1em 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_details #attachment_caption {
|
|
|
|
|
height: 4em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.describe .image-editor {
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-wrap {
|
|
|
|
|
position: relative;
|
2016-01-08 14:13:26 -05:00
|
|
|
padding-top: 10px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor p,
|
|
|
|
|
.image-editor fieldset {
|
2016-01-08 14:13:26 -05:00
|
|
|
margin: 8px 0;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor legend {
|
2016-01-08 14:13:26 -05:00
|
|
|
margin-bottom: 5px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.describe .imgedit-wrap .image-editor {
|
2014-03-29 04:51:14 -04:00
|
|
|
padding: 0 5px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2014-03-29 04:51:14 -04:00
|
|
|
.wp_attachment_holder div.updated {
|
|
|
|
|
margin-top: 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2014-03-29 04:51:14 -04:00
|
|
|
.wp_attachment_holder .imgedit-wrap > div {
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-panel-content {
|
2023-07-16 11:59:22 -04:00
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
gap: 20px;
|
2023-07-16 11:59:22 -04:00
|
|
|
margin-bottom: 20px;
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-settings {
|
|
|
|
|
max-width: 400px; /* Prevent reflow when help info is expanded. */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-group-controls > * {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-panel-active .imgedit-group-controls > * {
|
|
|
|
|
display: block;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.wp_attachment_holder .imgedit-wrap .image-editor {
|
2014-03-29 04:51:14 -04:00
|
|
|
float: right;
|
2014-02-19 16:43:14 -05:00
|
|
|
width: 250px;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor input {
|
2014-02-19 16:43:14 -05:00
|
|
|
margin-top: 0;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-wait {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
2016-01-03 11:49:28 -05:00
|
|
|
bottom: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
background: #fff;
|
2014-02-19 16:43:14 -05:00
|
|
|
opacity: 0.7;
|
|
|
|
|
filter: alpha(opacity=70);
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-03 11:49:28 -05:00
|
|
|
.imgedit-wait:before {
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
width: 20px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
margin: -10px 0 0 -10px;
|
|
|
|
|
background: transparent url(../images/spinner.gif) no-repeat center;
|
|
|
|
|
background-size: 20px 20px;
|
|
|
|
|
transform: translateZ(0);
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.no-float {
|
|
|
|
|
float: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-disabled,
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor .disabled {
|
2016-02-16 11:09:29 -05:00
|
|
|
/* WCAG 1.4.3 Text or images of text that are part of an inactive user
|
|
|
|
|
interface component ... have no contrast requirement. */
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #a7aaad;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.A1B1 {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_image .button,
|
|
|
|
|
.A1B1 .button {
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.no-js .wp_attachment_image .button {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_image .spinner,
|
|
|
|
|
.A1B1 .spinner {
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-08 14:13:26 -05:00
|
|
|
.imgedit-menu .note-no-rotate {
|
|
|
|
|
clear: both;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 1em 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.image-editor .imgedit-menu .button {
|
2019-09-26 13:16:57 -04:00
|
|
|
display: inline-block;
|
|
|
|
|
width: auto;
|
|
|
|
|
min-height: 28px;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
padding: 0 10px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2023-07-15 17:42:26 -04:00
|
|
|
.imgedit-menu .button:after,
|
2016-01-08 14:13:26 -05:00
|
|
|
.imgedit-menu .button:before {
|
2019-09-26 13:16:57 -04:00
|
|
|
font: normal 16px/1 dashicons;
|
|
|
|
|
margin-right: 8px;
|
2020-10-25 22:25:09 -04:00
|
|
|
speak: never;
|
2014-02-19 16:43:14 -05:00
|
|
|
vertical-align: middle;
|
2019-09-26 13:16:57 -04:00
|
|
|
position: relative;
|
|
|
|
|
top: -2px;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2023-07-15 17:42:26 -04:00
|
|
|
.imgedit-menu .imgedit-rotate.button:after {
|
|
|
|
|
content: '\f140';
|
|
|
|
|
margin-left: 2px;
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-menu .imgedit-rotate.button[aria-expanded="true"]:after {
|
|
|
|
|
content: '\f142';
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-08 14:13:26 -05:00
|
|
|
.imgedit-menu .button.disabled {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #a7aaad;
|
|
|
|
|
border-color: #dcdcde;
|
|
|
|
|
background: #f6f7f7;
|
2019-09-26 13:16:57 -04:00
|
|
|
box-shadow: none;
|
|
|
|
|
text-shadow: 0 1px 0 #fff;
|
2014-03-17 20:17:15 -04:00
|
|
|
cursor: default;
|
2019-09-26 13:16:57 -04:00
|
|
|
transform: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-crop:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f165";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-scale:before {
|
|
|
|
|
content: "\f211";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-rotate:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f167";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-undo:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f171";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-redo:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f172";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-crop-wrap {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
2017-10-04 14:35:46 -04:00
|
|
|
.imgedit-crop-wrap img {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
|
2017-10-04 14:35:46 -04:00
|
|
|
background-position: 0 0, 10px 10px;
|
|
|
|
|
background-size: 20px 20px;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-crop-wrap {
|
|
|
|
|
padding: 20px;
|
|
|
|
|
background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
|
|
|
|
|
background-position: 0 0, 10px 10px;
|
|
|
|
|
background-size: 20px 20px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-crop {
|
|
|
|
|
margin: 0 8px 0 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-rotate {
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: 0 8px 0 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-undo {
|
|
|
|
|
margin: 0 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-redo {
|
|
|
|
|
margin: 0 8px 0 3px;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-thumbnail-preview-group {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
column-gap: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-08 14:13:26 -05:00
|
|
|
.imgedit-thumbnail-preview {
|
|
|
|
|
margin: 10px 8px 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-thumbnail-preview-caption {
|
|
|
|
|
display: block;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2020-03-02 19:37:06 -05:00
|
|
|
#poststuff .imgedit-group-top h2 {
|
2016-01-08 14:13:26 -05:00
|
|
|
display: inline-block;
|
2015-10-28 19:08:24 -04:00
|
|
|
margin: 0;
|
2014-03-29 04:51:14 -04:00
|
|
|
padding: 0;
|
2015-10-28 19:08:24 -04:00
|
|
|
font-size: 14px;
|
|
|
|
|
line-height: 1.4;
|
2014-03-29 04:51:14 -04:00
|
|
|
}
|
|
|
|
|
|
2020-03-02 19:37:06 -05:00
|
|
|
#poststuff .imgedit-group-top .button-link {
|
2014-03-29 04:51:14 -04:00
|
|
|
text-decoration: none;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #1d2327;
|
2014-03-29 04:51:14 -04:00
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.imgedit-applyto .imgedit-label {
|
|
|
|
|
display: block;
|
2016-01-08 14:13:26 -05:00
|
|
|
padding: .5em 0 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-popup-menu,
|
2014-02-19 16:43:14 -05:00
|
|
|
.imgedit-help {
|
|
|
|
|
display: none;
|
Accessibility: Improve readability by removing unnecessary italic font style.
Per Web Content Accessibility Guidelines 2.0, big chunks of italic text should be avoided.
Same applies to UI controls, since they're meant to be comfortably readable by the largest possible audience, e.g.: label elements.
Removes italic font style from:
- the Quick Edit / Bulk Edit forms
- the Recovery Mode plugin error details
- the Image Editor inline help
Props birgire, audrasjb, SergeyBiryukov, melchoyce, estelaris, sabernhardt, xkon, nrqsnchz, afercia.
See #47327.
Built from https://develop.svn.wordpress.org/trunk@47304
git-svn-id: http://core.svn.wordpress.org/trunk@47104 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-02-18 10:32:09 -05:00
|
|
|
padding-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.imgedit-panel-tools > .imgedit-menu {
|
|
|
|
|
display: flex;
|
|
|
|
|
column-gap: 4px;
|
2024-04-05 17:47:15 -04:00
|
|
|
align-items: flex-start;
|
2023-07-16 11:59:22 -04:00
|
|
|
flex-wrap: wrap;
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-popup-menu {
|
2023-07-15 17:42:26 -04:00
|
|
|
width: calc( 100% - 20px );
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
position: absolute;
|
2023-07-15 17:42:26 -04:00
|
|
|
background: #fff;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.image-editor .imgedit-menu .imgedit-popup-menu button {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 2px 0;
|
|
|
|
|
width: 100%;
|
2023-07-22 15:23:25 -04:00
|
|
|
white-space: break-spaces;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
padding-top: 3px;
|
|
|
|
|
padding-bottom: 2px;
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-rotate-menu-container {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
Accessibility: Improve readability by removing unnecessary italic font style.
Per Web Content Accessibility Guidelines 2.0, big chunks of italic text should be avoided.
Same applies to UI controls, since they're meant to be comfortably readable by the largest possible audience, e.g.: label elements.
Removes italic font style from:
- the Quick Edit / Bulk Edit forms
- the Recovery Mode plugin error details
- the Image Editor inline help
Props birgire, audrasjb, SergeyBiryukov, melchoyce, estelaris, sabernhardt, xkon, nrqsnchz, afercia.
See #47327.
Built from https://develop.svn.wordpress.org/trunk@47304
git-svn-id: http://core.svn.wordpress.org/trunk@47104 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-02-18 10:32:09 -05:00
|
|
|
.imgedit-help.imgedit-restore {
|
|
|
|
|
padding-bottom: 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2016-01-08 14:13:26 -05:00
|
|
|
/* higher specificity than buttons */
|
|
|
|
|
.image-editor .imgedit-settings .imgedit-help-toggle,
|
|
|
|
|
.image-editor .imgedit-settings .imgedit-help-toggle:hover,
|
|
|
|
|
.image-editor .imgedit-settings .imgedit-help-toggle:active {
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
margin: -1px 0 0 -1px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background: transparent;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #2271b1;
|
2016-01-08 14:13:26 -05:00
|
|
|
font-size: 20px;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.image-editor .imgedit-settings .imgedit-help-toggle:focus {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #2271b1;
|
2024-02-07 11:56:13 -05:00
|
|
|
border-color: #2271b1;
|
|
|
|
|
box-shadow: 0 0 0 1px #2271b1;
|
2019-01-10 11:47:50 -05:00
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 2px solid transparent;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.form-table td.imgedit-response {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-submit-btn {
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-wrap .nowrap {
|
|
|
|
|
white-space: nowrap;
|
2016-01-08 14:13:26 -05:00
|
|
|
font-size: 12px;
|
|
|
|
|
line-height: inherit;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span.imgedit-scale-warn {
|
2023-05-25 11:17:19 -04:00
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin: 4px;
|
|
|
|
|
gap: 4px;
|
|
|
|
|
color: #b32d2e;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-style: normal;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-08 14:13:26 -05:00
|
|
|
.imgedit-save-target {
|
|
|
|
|
margin: 8px 0;
|
|
|
|
|
}
|
|
|
|
|
|
2019-06-07 16:45:02 -04:00
|
|
|
.imgedit-save-target legend {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.imgedit-group {
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
margin-bottom: 20px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor .imgedit-original-dimensions {
|
2019-09-30 13:56:57 -04:00
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor .imgedit-scale-controls input[type="text"],
|
|
|
|
|
.image-editor .imgedit-crop-ratio input[type="text"],
|
2023-07-10 18:11:24 -04:00
|
|
|
.image-editor .imgedit-crop-sel input[type="text"],
|
|
|
|
|
.image-editor .imgedit-scale-controls input[type="number"],
|
|
|
|
|
.image-editor .imgedit-crop-ratio input[type="number"],
|
|
|
|
|
.image-editor .imgedit-crop-sel input[type="number"] {
|
2019-09-30 13:56:57 -04:00
|
|
|
width: 80px;
|
2016-01-08 14:13:26 -05:00
|
|
|
font-size: 14px;
|
2019-10-07 09:20:03 -04:00
|
|
|
padding: 0 8px;
|
2016-01-08 14:13:26 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-separator {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 7px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 13px;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #3c434a;
|
2016-01-08 14:13:26 -05:00
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor .imgedit-scale-button-wrapper {
|
2019-09-30 13:56:57 -04:00
|
|
|
margin-top: 0.3077em;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor .imgedit-scale-controls .button {
|
2016-01-08 14:13:26 -05:00
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-28 16:28:14 -05:00
|
|
|
audio, video {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2020-10-27 15:40:04 -04:00
|
|
|
.wp-core-ui .mejs-container {
|
2014-02-28 16:28:14 -05:00
|
|
|
width: 100%;
|
2014-07-11 02:15:15 -04:00
|
|
|
max-width: 100%;
|
2014-02-28 16:28:14 -05:00
|
|
|
}
|
|
|
|
|
|
2020-10-27 15:40:04 -04:00
|
|
|
.wp-core-ui .mejs-container * {
|
2019-06-07 09:29:52 -04:00
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-09 14:34:08 -05:00
|
|
|
.wp-core-ui .mejs-time {
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* =Media Queries
|
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* HiDPI Displays
|
|
|
|
|
*/
|
|
|
|
|
@media print,
|
|
|
|
|
(min-resolution: 120dpi) {
|
2016-01-03 11:49:28 -05:00
|
|
|
.imgedit-wait:before {
|
2014-02-26 12:23:13 -05:00
|
|
|
background-image: url(../images/spinner-2x.gif);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-17 02:41:52 -05:00
|
|
|
@media screen and (max-width: 782px) {
|
2022-09-20 00:02:10 -04:00
|
|
|
.edit-attachment-frame input,
|
|
|
|
|
.edit-attachment-frame textarea {
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.wp_attachment_details label[for="content"] {
|
|
|
|
|
font-size: 14px;
|
2019-05-30 12:45:50 -04:00
|
|
|
line-height: 1.5;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
2014-08-02 10:14:19 -04:00
|
|
|
|
2022-09-20 00:02:10 -04:00
|
|
|
.wp_attachment_details textarea {
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_details #attachment_alt {
|
|
|
|
|
height: 3.375em;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-02 10:14:19 -04:00
|
|
|
.media-upload-form .media-item.error,
|
|
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .media-item.error {
|
|
|
|
|
padding: 1px 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
padding: 10px 0 10px 12px;
|
|
|
|
|
}
|
2016-01-08 14:13:26 -05:00
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor .imgedit-scale input[type="text"],
|
|
|
|
|
.image-editor .imgedit-crop-ratio input[type="text"],
|
|
|
|
|
.image-editor .imgedit-crop-sel input[type="text"] {
|
2016-01-08 14:13:26 -05:00
|
|
|
font-size: 16px;
|
|
|
|
|
padding: 6px 10px;
|
|
|
|
|
}
|
2019-09-26 13:16:57 -04:00
|
|
|
|
|
|
|
|
.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.wp_attachment_holder .imgedit-wrap .image-editor {
|
2019-09-26 13:16:57 -04:00
|
|
|
float: none;
|
|
|
|
|
width: auto;
|
2020-03-03 12:21:05 -05:00
|
|
|
max-width: none;
|
2020-07-01 10:29:01 -04:00
|
|
|
padding-bottom: 16px;
|
2019-09-26 13:16:57 -04:00
|
|
|
}
|
Accessibility: Media: Add a "Copy URL" button to the attachment File URL fields.
For a number of years, various screens in the WordPress admin provided users with a readonly input field to copy the attachment file URL. Manually copying from a readonly field is an annoying task at best even for mouser users. It's a usability and accessibility issue at the same time.
These fields now have a new "Copy URL" button that is easy to use and accessible to everyone.
Props theolg, markdubois, vabrashev, sajjad67, xkon, nrqsnchz, melchoyce, audrasjb, afercia.
See #41612, #50322, #50335.
Fixes #48463.
Built from https://develop.svn.wordpress.org/trunk@48232
git-svn-id: http://core.svn.wordpress.org/trunk@48001 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-06-30 09:16:04 -04:00
|
|
|
|
|
|
|
|
.copy-to-clipboard-container .success {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
2022-04-12 12:50:08 -04:00
|
|
|
|
|
|
|
|
/* Restructure image editor on narrow viewports. */
|
|
|
|
|
.imgedit-crop-wrap img{
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-modal .imgedit-wrap .imgedit-panel-content,
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.media-modal .imgedit-wrap .image-editor {
|
2022-04-12 12:50:08 -04:00
|
|
|
position: initial !important;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.media-modal .imgedit-wrap .image-editor {
|
2022-04-12 12:50:08 -04:00
|
|
|
box-sizing: border-box;
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
}
|
|
|
|
|
|
Media: Update admin image editor design.
Significant restructure of the admin image editor interface, but no new functionality. Reorganize editing buttons into a common region at the top of the editor. Move image rotation tools into a pop-out menu. Add 180 degree rotation option. Add scale button to control group. Move sidebar tools next to the editing canvas to improve visual proximity between action and result. Enlarge editing canvas and crop handles. Separate activating crop functions from applying crop. Add numeric inputs for crop & scale values.
A long term goal is to move undo/redo and cancel/save into the modal title bar, but that is not feasible without significant updates to the modal framework.
Props afercia, karmatosed, nrqsnchz, antpb, chaion07, costdev, peterwilsoncc, antpb, sabernhardt, prashantbhivsane, joedolson.
Fixes #50523.
Built from https://develop.svn.wordpress.org/trunk@55919
git-svn-id: http://core.svn.wordpress.org/trunk@55431 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-14 16:42:27 -04:00
|
|
|
.image-editor .imgedit-scale-button-wrapper {
|
2022-04-12 12:50:08 -04:00
|
|
|
display: inline-block;
|
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
2014-08-25 12:51:15 -04:00
|
|
|
|
2021-06-22 00:26:58 -04:00
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
.media-item-wrapper {
|
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-25 12:51:15 -04:00
|
|
|
/**
|
|
|
|
|
* Media queries for media grid.
|
|
|
|
|
*/
|
|
|
|
|
@media only screen and (max-width: 1120px) {
|
2014-12-04 17:23:25 -05:00
|
|
|
/* override for media-views.css */
|
|
|
|
|
#wp-media-grid .wp-filter .attachment-filters {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
2014-08-25 12:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
2023-06-25 17:13:21 -04:00
|
|
|
@media only screen and (max-width: 1000px) {
|
|
|
|
|
/* override for forms.css */
|
|
|
|
|
.wp-filter p.search-box {
|
|
|
|
|
float: none;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
display: flex;
|
2024-05-14 12:49:09 -04:00
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
column-gap: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp-filter p.search-box #media-search-input {
|
|
|
|
|
width: 100%;
|
2023-06-25 17:13:21 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-17 02:41:52 -05:00
|
|
|
@media only screen and (max-width: 782px) {
|
2014-08-25 12:51:15 -04:00
|
|
|
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
|
|
|
|
|
top: 46px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
|
|
|
|
|
top: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 480px) {
|
2014-08-26 17:50:16 -04:00
|
|
|
.edit-attachment-frame .media-frame-title {
|
|
|
|
|
right: 110px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right {
|
|
|
|
|
width: 40px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:before,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:before {
|
|
|
|
|
line-height: 40px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left {
|
|
|
|
|
right: 82px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right {
|
|
|
|
|
right: 41px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .media-frame-content {
|
|
|
|
|
top: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-25 12:51:15 -04:00
|
|
|
.edit-attachment-frame .attachment-media-view {
|
|
|
|
|
float: none;
|
|
|
|
|
height: auto;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info {
|
|
|
|
|
height: auto;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
2014-08-26 00:18:17 -04:00
|
|
|
|
|
|
|
|
@media only screen and (max-width: 640px), screen and (max-height: 400px) {
|
|
|
|
|
.upload-php .mode-grid .media-sidebar{
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
