Sergey Biryukov
0f0ab0e8ef
Media: Improve the preview of transparent images in Edit Image modal by using CSS3 to show a checkered background.
...
Props powerzilly, stevepuddick.
Fixes #41966 . See #41948 .
Built from https://develop.svn.wordpress.org/trunk@41742
git-svn-id: http://core.svn.wordpress.org/trunk@41576 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 18:35:46 +00:00
Andrea Fercia
d8ea080526
Accessibility: Change all the #f00
and red
to the official WordPress accent red.
...
WordPress should exclusively use colors from the official colors palette, see
https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
Partially addresses accessibility color contrast ratio issues.
See #35622 .
Built from https://develop.svn.wordpress.org/trunk@41711
git-svn-id: http://core.svn.wordpress.org/trunk@41545 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 16:03:32 +00:00
Sergey Biryukov
b07cffe99a
Media: Improve the preview of transparent images in Attachment Details modal by using CSS3 to show a checkered background.
...
Props powerzilly, stevepuddick.
Fixes #41948 .
Built from https://develop.svn.wordpress.org/trunk@41569
git-svn-id: http://core.svn.wordpress.org/trunk@41402 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-22 19:57:47 +00:00
Aaron Jorbin
50cb2c5e28
Update autoprefixer browser support matrix
...
WordPress no longer supports many old old browsers: https://make.wordpress.org/core/2017/04/23/target-browser-coverage/
This also removes alot of no longer necessary CSS. It served us well, but we are never getting back together with IE8,9,10.
So, in the (paraphrased) words of Taylor Swift:
I remember when we dropped support the first time
Saying, "This is it, I've had enough, " 'cause like
We hadn't seen many users in a month
When you said you needed flexbox. (What?)
Then you postMessage again and say
"IE8, I miss you and I swear I'm gonna change, trust me."
Remember how that lasted for a day?
I say, "I hate the box model, " we break up, you call me, "I love css-grids."
Ooh, we called it off again last night
But ooh, this time I'm telling you, I'm telling you
We are never ever ever supporting IE 8,9,10,
We are never ever ever supporting IE 8,9,10,
You go talk to EDGE, talk to my FIREFOX, talk to CHROME
But we are never ever ever ever getting back together
Like, ever...
Fixes #37651 .
Props stunnedbeast, netweb, jorbin.
Built from https://develop.svn.wordpress.org/trunk@41062
git-svn-id: http://core.svn.wordpress.org/trunk@40912 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-07-16 01:15:46 +00:00
Andrea Fercia
3dab32af54
Accessibility: Improve the color contrast ratio of the dismiss notice buttons.
...
Props chris_dev.
Fixes #39970 .
Built from https://develop.svn.wordpress.org/trunk@40570
git-svn-id: http://core.svn.wordpress.org/trunk@40440 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-04 22:32:46 +00:00
Andrea Fercia
822b8afb50
Accessibility: Improve the Media Library inline uploader accessibility.
...
For better accessibility, expandable panels should be placed immediately after
the control that expands them. This change moves the Media Library inline
uploader up, right after the "Add New" button, also introducing consistency with
the Plugin and Theme uploaders.
Adds a proper ARIA role on the button and an `aria-expanded` attribute to give
better feedback to assistive technologies users about the uploader's expanded state.
Improves the focus handling when closing the uploader, improves the focus style
and color contrast ratio of the uploader "close" button.
Props mantismamita, karmatosed, adamsilverstein, afercia.
Fixes #37188 .
Built from https://develop.svn.wordpress.org/trunk@40359
git-svn-id: http://core.svn.wordpress.org/trunk@40266 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-03-31 17:38:43 +00:00
Andrea Fercia
d33301821b
Buttons: Improve the .button-link
CSS class for link-like buttons.
...
Updates `.button-link` adding color and underline to make link-like buttons look
like links by default. Introduces `.button-link-delete` as a modifier, stackable
CSS class for red button-links.
Props Cheffheid, afercia.
See #34242 .
Fixes #35126 .
Built from https://develop.svn.wordpress.org/trunk@40052
git-svn-id: http://core.svn.wordpress.org/trunk@39989 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-02-09 16:47:44 +00:00
Helen Hou-Sandí
81f9cc26a1
Media: Clearly indicate that PDF thumbnails are just document previews.
...
This helps affirm that your upload is fine, and has not been reduced down to the first page or changed into an image. This applies to the attachment details modal in the media library, where media is also now centered in the preview area.
props folletto, helen.
fixes #38717 .
Built from https://develop.svn.wordpress.org/trunk@39213
git-svn-id: http://core.svn.wordpress.org/trunk@39153 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-13 16:39:31 +00:00
Joe McGill
0a906543af
Media: Align input and button heights in attachment details.
...
This tweaks the padding of the text inputs in image settings boxes on
image edit screens to match the height of the scale button.
Props eliorivero.
Fixes #37806 .
Built from https://develop.svn.wordpress.org/trunk@38626
git-svn-id: http://core.svn.wordpress.org/trunk@38569 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-20 02:18:30 +00:00
Helen Hou-Sandí
8776694a33
Use numeric font weights instead of keywords.
...
When Open Sans was in use, the `300`, `400`, and `600` weights were loaded. `400` is the equivalent of `normal`; however, `bold` is equivalent to `700`, not `600`. With the move to system fonts, we need to be specific rather than relying on the lack of a `700` weight. Not all system fonts include a `600` weight; in those instances, they will use the `bold`/`700` weight.
The WordPress CSS Coding Standards have been updated accordingly.
props coderste.
see #36753 .
Built from https://develop.svn.wordpress.org/trunk@37740
git-svn-id: http://core.svn.wordpress.org/trunk@37705 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-06-17 18:37:28 +00:00
Andrea Fercia
26148850c5
Accessibility: change the close "X" in the Media "Attach to existing content" modal in a button.
...
Props joedolson.
Fixes #36554 .
Built from https://develop.svn.wordpress.org/trunk@37231
git-svn-id: http://core.svn.wordpress.org/trunk@37197 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-04-17 16:58:26 +00:00
Andrea Fercia
a71f14b8d9
Accessibility: Reduce the WordPress shades of grey, Episode 3.
...
Also, removes some no more used CSS.
See #35783 .
Built from https://develop.svn.wordpress.org/trunk@36904
git-svn-id: http://core.svn.wordpress.org/trunk@36872 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-03-09 19:51:26 +00:00
Andrea Fercia
30866ceb5d
Accessibility: Improve color contrast updating any #999
gray used for text or icons to a darker gray.
...
Fixes #35660 .
Built from https://develop.svn.wordpress.org/trunk@36587
git-svn-id: http://core.svn.wordpress.org/trunk@36554 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-02-19 18:44:27 +00:00
Andrea Fercia
008cba0333
Accessibility: Reduce the WordPress shades of grey, first part.
...
See #35783 .
Built from https://develop.svn.wordpress.org/trunk@36537
git-svn-id: http://core.svn.wordpress.org/trunk@36504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-02-16 16:09:29 +00:00
Andrea Fercia
ae1575bd80
Media: make the Image Editor usable with a keyboard.
...
For accessibility, all interactive controls must be operable from the keyboard.
Replaces `<div>`s used as UI controls with buttons. Groups some logically-related
form elements.
Fixes #28864 .
Built from https://develop.svn.wordpress.org/trunk@36223
git-svn-id: http://core.svn.wordpress.org/trunk@36190 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-01-08 19:13:26 +00:00
Andrea Fercia
1b3ee7098a
Media: set the image editor spinner on the smallest possible area.
...
When using spinners as background images, the re-painted area should be the smallest
possible one. See similar performance issue in #31196 , #33311 , #33322 , and #34951 .
Fixes #35296 .
Built from https://develop.svn.wordpress.org/trunk@36162
git-svn-id: http://core.svn.wordpress.org/trunk@36128 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-01-03 16:49:28 +00:00
Andrea Fercia
db8b09c40d
Media: Improve the headings hierarchy in the Media Views for better accessibility.
...
Fixes #34273 .
Built from https://develop.svn.wordpress.org/trunk@35427
git-svn-id: http://core.svn.wordpress.org/trunk@35391 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-28 23:08:24 +00:00
Scott Taylor
d22fbc7545
Grunt RTL CSS: swap-dashicons-left-right-arrows
in rtlcss:properties
expects double-quoted content
strings in CSS. It doesn't swap single-quoted values.
...
Props Ankit K Gupta, yoavf, netweb.
Fixes #33786 .
Built from https://develop.svn.wordpress.org/trunk@34011
git-svn-id: http://core.svn.wordpress.org/trunk@33980 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-09-10 20:22:25 +00:00
Scott Taylor
f5c754bfed
Dashicons CSS: one-word font families don't need quotes. Font families with a space in the name should use double-quotes (doesn't apply here).
...
Props afercia.
Fixes #32866 .
Built from https://develop.svn.wordpress.org/trunk@33912
git-svn-id: http://core.svn.wordpress.org/trunk@33881 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-09-05 19:57:25 +00:00
Sergey Biryukov
d75453cc7c
Remove rounded corners from "Choose from the most used tags" result in Tags meta box.
...
props tyxla.
fixes #31560 .
Built from https://develop.svn.wordpress.org/trunk@33742
git-svn-id: http://core.svn.wordpress.org/trunk@33710 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-08-25 23:14:21 +00:00
Helen Hou-Sandí
e41b7b4f75
Image edit: Consistent whitespace for the side boxes.
...
props tyxla.
fixes #31845 .
Built from https://develop.svn.wordpress.org/trunk@33002
git-svn-id: http://core.svn.wordpress.org/trunk@32973 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-30 15:19:25 +00:00
Scott Taylor
72bf48f0b9
In Media microtemplates after [32467], use <button>
instead of <a>
for several more non-links.
...
Props afercia.
Fixes #26550 .
Built from https://develop.svn.wordpress.org/trunk@32952
git-svn-id: http://core.svn.wordpress.org/trunk@32923 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-26 05:01:24 +00:00
Scott Taylor
b212ee67e7
Media Library Bulk Select
button size should be smaller.
...
Props afercia.
Fixes #32325 .
Built from https://develop.svn.wordpress.org/trunk@32862
git-svn-id: http://core.svn.wordpress.org/trunk@32833 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-19 18:56:27 +00:00
Helen Hou-Sandí
7381d50904
Autoprefixer for [32506]. see #31874 .
...
Built from https://develop.svn.wordpress.org/trunk@32508
git-svn-id: http://core.svn.wordpress.org/trunk@32478 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-05-15 20:44:25 +00:00
Helen Hou-Sandí
1e8a787aa1
Media: Visually align upload errors with other admin notices.
...
props sagarjadhav.
fixes #31874 .
Built from https://develop.svn.wordpress.org/trunk@32506
git-svn-id: http://core.svn.wordpress.org/trunk@32476 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-05-15 16:19:26 +00:00
Helen Hou-Sandí
bfda508c18
Update more instances of default admin blues and grays.
...
props hugobaeta.
fixes #31234 .
Built from https://develop.svn.wordpress.org/trunk@32051
git-svn-id: http://core.svn.wordpress.org/trunk@32030 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-05 21:20:27 +00:00
Helen Hou-Sandí
3ac1a19529
Spinners: Toggle a class instead of show/hide.
...
Toggling spinners also now uses visibility instead of display, so that the space is always reserved and nothing moves around unexpectedly.
props cdog, MikeHansenMe, valendesigns.
fixes #22839 . see #31875 , #30725 .
Built from https://develop.svn.wordpress.org/trunk@31996
git-svn-id: http://core.svn.wordpress.org/trunk@31975 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-03 04:52:27 +00:00
Dominik Schilling
2b9a79db8e
Run Autoprefixer after [31504].
...
This removes media queries for Opera < 12 and `-ms-animation`/`@-ms-keyframes` which was never (dev versions excluded) supported by IE.
see #31337 .
Built from https://develop.svn.wordpress.org/trunk@31505
git-svn-id: http://core.svn.wordpress.org/trunk@31486 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-22 17:00:24 +00:00
Helen Hou-Sandí
bcda24004a
Update the default admin color scheme for more unity and refinement.
...
This removes the red channel from blues and cools the grays a bit for a more cohesive and purposeful color scheme.
props hugobaeta.
fixes #31234 .
Built from https://develop.svn.wordpress.org/trunk@31422
git-svn-id: http://core.svn.wordpress.org/trunk@31403 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-11 22:18:26 +00:00
Andrew Ozz
0aa0016488
Fix the search field width in the media modal, media library grid and on the install new plugins screen. Props helen, fixes #30658 .
...
Built from https://develop.svn.wordpress.org/trunk@30813
git-svn-id: http://core.svn.wordpress.org/trunk@30803 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-11 04:12:23 +00:00
Helen Hou-Sandí
f5efcf295b
Filter bar: Better field display on smaller screens.
...
props TacoVerdo, jesin.
fixes #29556 and #29495 .
Built from https://develop.svn.wordpress.org/trunk@30740
git-svn-id: http://core.svn.wordpress.org/trunk@30730 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-04 22:23:25 +00:00
Scott Taylor
b885885b67
Media Grid/List Table parity: when MEDIA_TRASH
is true
and trash
is the current filter for the grid, add a second bulk action button: "Delete Selected"
...
Fixes #29742 .
Built from https://develop.svn.wordpress.org/trunk@29811
git-svn-id: http://core.svn.wordpress.org/trunk@29577 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-10-02 04:13:16 +00:00
Helen Hou-Sandí
a48a526e76
Media: Better padding for attachment items.
...
props avryl.
fixes #29085 .
Built from https://develop.svn.wordpress.org/trunk@29687
git-svn-id: http://core.svn.wordpress.org/trunk@29462 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-09-03 06:28:16 +00:00
Helen Hou-Sandí
09dea60c5c
Modals: Remove some remnant unnecessary blue glow focus styling.
...
fixes #29147 .
Built from https://develop.svn.wordpress.org/trunk@29674
git-svn-id: http://core.svn.wordpress.org/trunk@29449 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-09-02 18:27:16 +00:00
Helen Hou-Sandí
3fb0e3aa64
Media library: Ensure the header area is spaced consistently between view modes.
...
see #28946 .
Built from https://develop.svn.wordpress.org/trunk@29645
git-svn-id: http://core.svn.wordpress.org/trunk@29419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-27 05:40:16 +00:00
Helen Hou-Sandí
a3579ccba1
Media modals: Better responsive views, especially the header.
...
* Only show the "dropdown" when there is a menu. Note that this uses a `:not()` selector, but it is supported in browsers that support media queries so it is safe to use here.
* Make the header shorter when on particularly narrow screens, which also tend to be shorter.
* Don't restrict the height of images in the attachment details modal, to take advantage of all available space.
fixes #29339 .
Built from https://develop.svn.wordpress.org/trunk@29632
git-svn-id: http://core.svn.wordpress.org/trunk@29406 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-26 21:50:16 +00:00
Helen Hou-Sandí
9e8b9a78ca
Media library: Unify headers between view modes.
...
Includes back compat for `views_upload` links. These look a little awkward, but do not appear to be commonly used. Also prevents the view mode links from being dropped on smaller screens so a user doesn't get "stuck" in the list view.
This is different from other list tables, but aligns well with other uploaded content management screens (themes, plugins).
props pento, helen.
fixes #28946 .
Built from https://develop.svn.wordpress.org/trunk@29625
git-svn-id: http://core.svn.wordpress.org/trunk@29399 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-26 15:58:15 +00:00
Dominik Schilling
32030a073f
RTL: Fix modal alignments.
...
* Prevent horizontal scrollbars in Chrome.
* URL fields should be always LTR.
* Force the plugin details to be LTR for all screens, see #19778 .
fixes #29352 .
Built from https://develop.svn.wordpress.org/trunk@29623
git-svn-id: http://core.svn.wordpress.org/trunk@29397 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-26 12:55:16 +00:00
Helen Hou-Sandí
60c6399d1c
Media Grid: Show upload errors above the grid rather than as a popup.
...
props pento, stephdau, helen. fixes #29141 .
Built from https://develop.svn.wordpress.org/trunk@29612
git-svn-id: http://core.svn.wordpress.org/trunk@29386 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-26 04:18:17 +00:00
Helen Hou-Sandí
92ee5b230c
Better visual focus syling in customizer, theme preview, and attachment details modals.
...
props celloexpressions.
fixes #29147 .
Built from https://develop.svn.wordpress.org/trunk@29608
git-svn-id: http://core.svn.wordpress.org/trunk@29382 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-25 21:58:17 +00:00
Helen Hou-Sandí
13a49fc018
Media:
...
* Make attachment focus styles more obvious, particularly for already selected items.
* Fix styling for the selection set attachments.
* Remove some CSS cruft.
fixes #28822 .
Built from https://develop.svn.wordpress.org/trunk@29607
git-svn-id: http://core.svn.wordpress.org/trunk@29381 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-25 21:26:16 +00:00
Helen Hou-Sandí
a20fc80aeb
Media Grid: Move CSS into an admin-only file.
...
`media-views.css` can be loaded on the front, which does not need this extra CSS.
fixes #29340 .
Built from https://develop.svn.wordpress.org/trunk@29598
git-svn-id: http://core.svn.wordpress.org/trunk@29372 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-25 16:51:15 +00:00
Dominik Schilling
8ea68677f3
Media Upload: Improve styling of error messages.
...
props afercia, michalzuber.
fixes #29047 .
Built from https://develop.svn.wordpress.org/trunk@29355
git-svn-id: http://core.svn.wordpress.org/trunk@29131 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-02 14:14:19 +00:00
Dominik Schilling
2cb623b062
RTL: Fix media attach modal alignment.
...
props SergeyBiryukov.
fixes #28010 .
Built from https://develop.svn.wordpress.org/trunk@29353
git-svn-id: http://core.svn.wordpress.org/trunk@29129 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-01 21:59:16 +00:00
Dominik Schilling
53aa80baa8
Improve styling of progress bar on wp-admin/media-new.php.
...
props Ipstenu for initial patch.
fixes #28838 .
Built from https://develop.svn.wordpress.org/trunk@29121
git-svn-id: http://core.svn.wordpress.org/trunk@28906 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-12 14:52:15 +00:00
Scott Taylor
dfd3c19cec
Media Grid, in the Edit Attachment modal:
...
* Label the fields under the attachment a la the Edit Media page
* Move the audio and video previews above the info
* Remove the audio / video icon display. Unnecessary.
* Ensure that `width` and `max-width` are set for `.mejs-container`
See #24716 .
Built from https://develop.svn.wordpress.org/trunk@29088
git-svn-id: http://core.svn.wordpress.org/trunk@28874 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-11 06:15:15 +00:00
Scott Taylor
f907f0c57b
The "old iframe media modal" has some pretty busted styles. Although this is a "deprecated" feature, clean up some of the broken styles.
...
Props erayalakese for the JS patch.
Fixes #28220 .
Built from https://develop.svn.wordpress.org/trunk@28830
git-svn-id: http://core.svn.wordpress.org/trunk@28634 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-25 17:39:15 +00:00
Andrew Nacin
3c1cdaa362
Restyle the image editor so it looks way less hideous.
...
props avryl.
see #27544 .
Built from https://develop.svn.wordpress.org/trunk@27842
git-svn-id: http://core.svn.wordpress.org/trunk@27676 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 08:51:14 +00:00
Andrew Nacin
38e79fbfab
Style the cursor in the image editor in the media modal.
...
props tomauger.
fixes #27392 .
Built from https://develop.svn.wordpress.org/trunk@27577
git-svn-id: http://core.svn.wordpress.org/trunk@27420 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-18 00:17:15 +00:00
Andrew Ozz
93ec80e732
Modals: darken all overlays, update all box-shadows and headings, correct thickbox styling, make the link modal narrower and bring back the animation (css transition). Props avryl, see #26952
...
Built from https://develop.svn.wordpress.org/trunk@27532
git-svn-id: http://core.svn.wordpress.org/trunk@27375 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-14 05:55:16 +00:00