ryelle
f5e008b193
Accessibility: Administration: Update various background colors for increased contrast.
...
This ensures that contrast between text color and background meets the WCAG 2.0 AA recommended value. The following locations were changed:
- Network List Tables: Use lighter background colors for site status indicator.
- Nav Menus: Use a lighter background color for invalid menu items.
- Pointers: Use a darker background for pointer header.
- Themes: Use darker background on filter button hover.
- Customizer: Use darker background for selected widget.
Follow-up to [50025], [50571].
Props kebbet, melchoyce, peterwilsoncc.
Merges [50687] to the 5.7 branch.
Fixes #52760 .
Built from https://develop.svn.wordpress.org/branches/5.7@50688
git-svn-id: http://core.svn.wordpress.org/branches/5.7@50297 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-04-07 17:44:09 +00:00
Sergey Biryukov
85bde2e551
Accessibility: Administration: Use a darker gray color for various admin UI items.
...
This ensures that the color meets the WCAG 2.0 AA recommended contrast ratio.
Follow-up to [50025], [50525].
Props sabernhardt, ryelle.
Merges [50571] to the 5.7 branch.
Fixes #52760 .
Built from https://develop.svn.wordpress.org/branches/5.7@50578
git-svn-id: http://core.svn.wordpress.org/branches/5.7@50191 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-03-25 14:44:06 +00:00
ryelle
fed21a9863
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 18:54:59 +00:00
desrosj
3eb9b3e714
Build/Test Tools: Update CSS files after `grunt precommit:css`.
...
This removes instances of the `-moz-user-select` property, which was required until Firefox 68.
Firefox is currently in version 84, so these can safely be removed.
Fixes #52332 .
Built from https://develop.svn.wordpress.org/trunk@49991
git-svn-id: http://core.svn.wordpress.org/trunk@49692 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-20 19:07:00 +00:00
Sergey Biryukov
ba21b391f6
Docs: Correct some inconsistencies in comments with Dashicon class references in `wp-admin/css/customize-widgets.css`.
...
Prepend all class name references with `dashicons-` for clarity.
Props 1naveengiri, marcio-zebedeu, hareesh-pillai, SergeyBiryukov.
Fixes #48417 .
Built from https://develop.svn.wordpress.org/trunk@46681
git-svn-id: http://core.svn.wordpress.org/trunk@46481 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-11-09 00:03:02 +00:00
Sergey Biryukov
9860a4366d
CSS Coding Standards: Use unitless values for `line-height` in `wp-admin/css/customize-widgets.css`.
...
Props ianbelanger, pbiron, afercia.
Fixes #46509 . See #44643 .
Built from https://develop.svn.wordpress.org/trunk@45460
git-svn-id: http://core.svn.wordpress.org/trunk@45271 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-05-29 16:01:53 +00:00
Andrea Fercia
957ad84b81
Coding standards: Fix incorrect CSS `rgba()` values.
...
Also, fixes some indentation where spaces were used instead of tabs.
Props nielslange, mukesh27.
Fixes #45937 .
Built from https://develop.svn.wordpress.org/trunk@44791
git-svn-id: http://core.svn.wordpress.org/trunk@44623 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-03-04 22:02:52 +00:00
Weston Ruter
89708c5cec
Customize: Hide expansion arrows in Customizer's available widgets list.
...
Fixes regression introduced by [42794].
Props dlh.
See #40677 .
Fixes #43983 .
Built from https://develop.svn.wordpress.org/trunk@43244
git-svn-id: http://core.svn.wordpress.org/trunk@43073 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-05-11 17:35:23 +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
Weston Ruter
40ebb188cd
Widgets: Extend the Text widget with TinyMCE.
...
Introduces rich text formatting: bold, italic, lists, links.
Props westonruter, azaozz, timmydcrawford, obenland, melchoyce.
See #35760 .
Fixes #35243 .
Built from https://develop.svn.wordpress.org/trunk@40631
git-svn-id: http://core.svn.wordpress.org/trunk@40492 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 18:55:43 +00:00
Andrea Fercia
3c7698808f
Customize: Fix a visual glitch on the widget control animation introduced in [40480].
...
Also, restores the original design intent that was meant to "compact widget-tops
on smaller laptops, but not tablets".
See #27112 .
Fixes #31476 .
Built from https://develop.svn.wordpress.org/trunk@40569
git-svn-id: http://core.svn.wordpress.org/trunk@40439 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-03 22:39:44 +00:00
Andrea Fercia
1d739a0925
Accessibility: Make some Widgets buttons real buttons.
...
Links used as UI controls that behave like buttons, should be buttons.
- changes the widgets "toggle", "Delete", and "Close" links to buttons
- uses `aria-expanded` to announce the state of the toggle buttons
- increases a bit the clickable area of the toggle
- ensures the "circular focus" doesn't get cut-off in some browsers by centering the toggle arrows
- uses a `<span>` element with an `aria-hidden` attribute to hide CSS generated font icons from assistive technologies
- standardizes on `.toggle-indicator:before` rather than `:after`
- changes two `#f00` reds in `#dc3232`, see #35622
Fixes #31476 .
Built from https://develop.svn.wordpress.org/trunk@40480
git-svn-id: http://core.svn.wordpress.org/trunk@40356 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-04-19 21:14:44 +00:00
Helen Hou-Sandí
19bb9c2fe0
Customize: More visible focus and hover states for close and back buttons.
...
props celloexpressions, folletto.
fixes #29158 .
Built from https://develop.svn.wordpress.org/trunk@39249
git-svn-id: http://core.svn.wordpress.org/trunk@39189 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-15 18:11:31 +00:00
Helen Hou-Sandí
dd6da701b2
Customizer: Better hover/focus state for section titles and available widgets.
...
The 4px border pattern is found in a number of places across the admin, including plugins, notices, and Press This.
props celloexpressions, folletto, hugobaeta.
see #29158 .
Built from https://develop.svn.wordpress.org/trunk@38602
git-svn-id: http://core.svn.wordpress.org/trunk@38545 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-14 16:15:29 +00:00
Andrea Fercia
899edd87da
Accessibility: Improve the color contrast ratio of the expandable panel "handles".
...
Fixes #35923 .
Built from https://develop.svn.wordpress.org/trunk@36959
git-svn-id: http://core.svn.wordpress.org/trunk@36927 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-03-10 21:44: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
af25083b6f
Accessibility: Improve the color contrast ratio replacing the residual occurrences of the `#777` gray.
...
Uses the existing `#72777c` on white backgrounds and the new `#555d66` "dark medium gray" on darker backgrounds.
Fixes #35605 .
Built from https://develop.svn.wordpress.org/trunk@36396
git-svn-id: http://core.svn.wordpress.org/trunk@36363 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-01-26 00:04:26 +00:00
Dion Hulse
61951f5aff
CSS: Reference the original location of the CSS rule being overridden.
...
See #35229
Built from https://develop.svn.wordpress.org/trunk@36342
git-svn-id: http://core.svn.wordpress.org/trunk@36309 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-01-18 09:59:26 +00:00
Andrea Fercia
7ab88221fa
Customizer: Aggregate similar CSS rules.
...
Fixes #34333 .
Built from https://develop.svn.wordpress.org/trunk@36291
git-svn-id: http://core.svn.wordpress.org/trunk@36258 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-01-13 22:36:26 +00:00
Andrea Fercia
1e1e7a9fc9
Customizer: Make the widgets "Reorder" and "Add a Widget" buttons... buttons.
...
For accessibility, UI controls should preferably be native controls. Adds
ARIA attributes and labels to improve accessibility and pair these buttons
with the ones in the Menu Customizer.
Props obenland, TomHarrigan, sanket.parmar, metodiew, afercia.
Fixes #33327 .
Built from https://develop.svn.wordpress.org/trunk@35304
git-svn-id: http://core.svn.wordpress.org/trunk@35270 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-20 20:15:26 +00:00
Helen Hou-Sandí
7aabfdaca4
Circular focus styling for widgets and menus in the customizer.
...
see #33808 .
Built from https://develop.svn.wordpress.org/trunk@35207
git-svn-id: http://core.svn.wordpress.org/trunk@35173 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-15 18:53:25 +00:00
Andrea Fercia
6b449abadc
Accessibility: bump headings one level up on the Appearance > Widgets screen for a better headings hierarchy.
...
Props mrahmadawais, afercia.
Fixes #33659 .
Built from https://develop.svn.wordpress.org/trunk@35015
git-svn-id: http://core.svn.wordpress.org/trunk@34980 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-10 16:34:25 +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
Dominik Schilling
5fff9d1ef7
Customizer: Use `visibility` to hide available widgets and menu items panels from screen readers and to move them out of tab order.
...
props afercia.
fixes #32883 .
Built from https://develop.svn.wordpress.org/trunk@33136
git-svn-id: http://core.svn.wordpress.org/trunk@33107 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-08 21:21:25 +00:00
Konstantin Obenland
ec407bc971
Customizer: Fresh colors for Reorder Done button.
...
When reordering Widgets or Menus, the red colorcould suggest
it would cancel the changes, rather than save them. The blue
suggests it's clickable and is more in line with the Close
link on open Widgets.
Fixes #32811 .
Built from https://develop.svn.wordpress.org/trunk@33012
git-svn-id: http://core.svn.wordpress.org/trunk@32983 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-01 00:19:24 +00:00
Dominik Schilling
fccc19b510
Customizer: Replace accordion behavior of sections with a slide-in navigation.
...
This allows users to focus on the contents of the active section more easily and separating the navigation from the content/controls in the Customizer.
props valendesigns, celloexpressions.
see #31336 .
Built from https://develop.svn.wordpress.org/trunk@32649
git-svn-id: http://core.svn.wordpress.org/trunk@32619 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-05-29 13:57:26 +00:00
Helen Hou-Sandí
f861754016
Customizer: Better experience for widget filtering in desktop and iOS Safari.
...
Previously, the search field did not appear at all in desktop Safari, and the auto-focus keyboard fly-up in iOS rendered widget adding frustrating at best.
props dsmart, ocean90.
fixes #31987 .
Built from https://develop.svn.wordpress.org/trunk@32243
git-svn-id: http://core.svn.wordpress.org/trunk@32214 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-21 14:15: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
Dominik Schilling
785f479245
Customizer: Fix spinners after [31996].
...
props westonruter.
fixes #31884 .
Built from https://develop.svn.wordpress.org/trunk@32008
git-svn-id: http://core.svn.wordpress.org/trunk@31987 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-04 15:42:28 +00:00
Dominik Schilling
941075c8ca
Improve the Customize experience on mobile.
...
Before: https://make.wordpress.org/flow/2015/02/02/a-peek-at-the-customizer-on-an-iphone-6/
After: https://make.wordpress.org/flow/2015/02/03/vizrec-for-28784-improve-the-customize-experience-on-mobile-iphone-6-28784-diff-4-2-alpha-31325/
props celloexpressions.
see #28784 .
Built from https://develop.svn.wordpress.org/trunk@31384
git-svn-id: http://core.svn.wordpress.org/trunk@31365 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-09 12:36:28 +00:00
Sergey Biryukov
8b50aef14c
Customizer: Make "Search widgets" input sticky.
...
props celloexpressions.
fixes #30751 .
Built from https://develop.svn.wordpress.org/trunk@31227
git-svn-id: http://core.svn.wordpress.org/trunk@31208 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-01-17 13:15:23 +00:00
Dominik Schilling
0826f8ede2
Customizer: Add panel/section type as CSS class to the HTML container.
...
see #28709 .
Built from https://develop.svn.wordpress.org/trunk@30714
git-svn-id: http://core.svn.wordpress.org/trunk@30704 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 22:16:23 +00:00
Andrew Nacin
dd8531a3b3
Widgets: Better padding for translations of "Reorder".
...
fixes #27788 .
Built from https://develop.svn.wordpress.org/trunk@28148
git-svn-id: http://core.svn.wordpress.org/trunk@27979 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-16 13:07:16 +00:00
Andrew Nacin
77e2da21cf
Color scheme support for widget choosers.
...
props ocean90.
fixes #27793 .
Built from https://develop.svn.wordpress.org/trunk@28122
git-svn-id: http://core.svn.wordpress.org/trunk@27953 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-14 20:22:14 +00:00
Dominik Schilling
418aa98588
Widget Customizer: Update icons to new Dashicons, part 2.
...
props Michael Arestad.
fixes #27400 .
Built from https://develop.svn.wordpress.org/trunk@28013
git-svn-id: http://core.svn.wordpress.org/trunk@27843 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-07 21:37:14 +00:00
Dominik Schilling
382a5aa4c2
Widget Customizer: Update icons to new Dashicons.
...
props melchoyce.
see #27400 .
Built from https://develop.svn.wordpress.org/trunk@28005
git-svn-id: http://core.svn.wordpress.org/trunk@27835 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-07 20:50:15 +00:00
Dominik Schilling
5bd1e16992
Widget Customizer: Cleanup `wp.customize.Widgets.WidgetControl`.
...
see #27690 .
Built from https://develop.svn.wordpress.org/trunk@27988
git-svn-id: http://core.svn.wordpress.org/trunk@27818 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-07 16:32:15 +00:00
Dominik Schilling
fabc65b787
Widget Customizer: Move `WidgetCustomizer` to `wp.customize.Widgets`. First pass.
...
see #27690 .
Built from https://develop.svn.wordpress.org/trunk@27985
git-svn-id: http://core.svn.wordpress.org/trunk@27815 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-07 09:04:14 +00:00
Dominik Schilling
074d31f253
Widget Customizer: Don't use opacity for the update spinner.
...
`opacity` isn't supported in IE8 and makes the spinner always visible.
see #27485 .
Built from https://develop.svn.wordpress.org/trunk@27912
git-svn-id: http://core.svn.wordpress.org/trunk@27743 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-02 19:20:15 +00:00
Dominik Schilling
944fba8e2f
Widget Customizer: Improve support for dynamically-created inputs.
...
* Re-work how and when widget forms get updated.
* Replace ad hoc hooks system with jQuery events,
* Add `widget-updated`/`widget-synced` events for widget soft/hard updates.
* Enter into a non-live form update mode, where the Apply button is restored when a sanitized form does not have the same fields as currently in the form, and so the fields cannot be easily updated to their sanitized values without doing a complete form replacement. Also restores live update mode if sanitized fields are aligned with the existing fields again.
Note: jQuery events are *not* final yet, see #19675 .
props westonruter.
see #27491 .
Built from https://develop.svn.wordpress.org/trunk@27909
git-svn-id: http://core.svn.wordpress.org/trunk@27740 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-02 18:20:16 +00:00
Dominik Schilling
d15863865a
Widget Customizer: Remove some specific styles for Widget Visibility from Jetpack.
...
This hasn't worked well and is now fixed upstream.
props westonruter.
see #27112 .
Built from https://develop.svn.wordpress.org/trunk@27824
git-svn-id: http://core.svn.wordpress.org/trunk@27658 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-28 20:44:15 +00:00
Dominik Schilling
ebdd64f6ad
Widget Customizer: Set hightlight color to blue. Same color as in [27741].
...
fixes #27358 .
Built from https://develop.svn.wordpress.org/trunk@27814
git-svn-id: http://core.svn.wordpress.org/trunk@27648 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-28 13:33:14 +00:00
Dominik Schilling
e1e09075d4
Widget Customizer: Improve behavior of bigger widgets.
...
* Support widgets which are higher than browsers viewport.
* Use widgets width as max-width.
* Don't animate the width of wide widgets to make them visible, instead fade them in/out.
* Fix Chrome flickerings while updating wide widgets.
props adamsilverstein, westonruter, ocean90.
see #27348 .
Built from https://develop.svn.wordpress.org/trunk@27798
git-svn-id: http://core.svn.wordpress.org/trunk@27633 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 23:13:14 +00:00
Dominik Schilling
4038e52276
Add some missing CSS prefixes. props `grunt autoprefixer:core`.
...
Built from https://develop.svn.wordpress.org/trunk@27790
git-svn-id: http://core.svn.wordpress.org/trunk@27626 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 19:17:15 +00:00
Dominik Schilling
ea6c9a5515
Widget Customizer: Improve widget highlighting.
...
* Prefix box-shadow in inject_preview_css()
* Remove border-radius in inject_preview_css()
* Prevent hidden box-shadows in Customizer
see #27358 .
Built from https://develop.svn.wordpress.org/trunk@27702
git-svn-id: http://core.svn.wordpress.org/trunk@27541 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-25 11:48:14 +00:00
Dominik Schilling
3da04163cf
Widget Customizer: Improve widget search.
...
* Removes jQuery.liveFilter dependency
* Filters widget collection directly
* Widget's name, ID and description will be searched
fixes #27451 .
Built from https://develop.svn.wordpress.org/trunk@27650
git-svn-id: http://core.svn.wordpress.org/trunk@27493 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-21 21:13:15 +00:00
Andrew Nacin
833c8e5419
Widgets dashicons update.
...
props melchoyce, michael-arestad, empireoflight.
see #26936 .
Built from https://develop.svn.wordpress.org/trunk@27468
git-svn-id: http://core.svn.wordpress.org/trunk@27313 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-08 03:38:16 +00:00
Andrew Nacin
e853a9cc57
Add widget management to the customizer.
...
This brings in the Widget Customizer plugin: https://wordpress.org/plugins/widget-customizer/ .
props westonruter, shaunandrews, michael-arestad, johnregan3, akeda, topher1kenobe, topquarky, bobbravo2, ricardocorreia. And for good measure, props westonruter.
see #27112 .
Built from https://develop.svn.wordpress.org/trunk@27419
git-svn-id: http://core.svn.wordpress.org/trunk@27266 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-05 20:41:14 +00:00