Commit Graph

32 Commits

Author SHA1 Message Date
Aaron Jorbin 53c8c68365 Administration: Ensure collapse menu is usable with a keyboard
Currently, the "Collapse menu" item is not focusable and keyboard users can't collapse/expand the admin menu. This aims to fix it so that screen readers no longer announce it as a clickable but it remains unfocusable and thus unusable. So it's now a button.

Quoting joedolson at WordCamp Chicago 2014:
"If it's supposed to act like a button, it should be a button."

Also includes a grunt:precommit run that picked up some postcss changes to src/wp-includes/css/customize-preview.css

Fixes #29958.
Props ajercia, ipm-frommen for an iterative patch, valendesigns for an iterative patch, GaryJ for feedback, joedolson for feedback, helen for feedback



Built from https://develop.svn.wordpress.org/trunk@39141


git-svn-id: http://core.svn.wordpress.org/trunk@39081 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 17:18:57 +00:00
Jeremy Felt ced66ed4e7 Multisite: Use the admin-multisite Dashicon for sites
This icon was added to Dashicons in 4.3, but not applied to anything in our CSS.

Uses the more appropriate `dashicons-admin-multisite` when displaying the sites menu item.

Props Ipstenu, ocean90.
Fixes #36754.

Built from https://develop.svn.wordpress.org/trunk@37365


git-svn-id: http://core.svn.wordpress.org/trunk@37331 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-05 17:13:26 +00:00
Jeremy Felt db3d5a6bea Revert [37362], which incorrectly changed Dashicons CSS
`dashicons.css` is an external-ish library and the change there is incorrect.

See #36754.

Built from https://develop.svn.wordpress.org/trunk@37364


git-svn-id: http://core.svn.wordpress.org/trunk@37330 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-05 15:29:27 +00:00
Jeremy Felt 172af4e0ce Multisite: Use the admin-multisite Dashicon in the admin menu and bar
This icon was added to Dashicons in 4.3, but not applied to anything in our CSS.

Props Ipstenu.
Fixes #36754.

Built from https://develop.svn.wordpress.org/trunk@37362


git-svn-id: http://core.svn.wordpress.org/trunk@37328 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-05 04:29: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
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
Helen Hou-Sandí f85306c65a Toolbar: Allow submenus to be closed with a second tap on touch devices.
Also closes submenus when the admin menu is toggled open, as it opens below and thus can be obscured.

props stephdau, seanchayes.
see #29906.

Built from https://develop.svn.wordpress.org/trunk@33056


git-svn-id: http://core.svn.wordpress.org/trunk@33027 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-03 03:29:25 +00:00
Scott Taylor 2518b37222 Admin menu: improve accessibility when collapsed.
Props afercia.
Fixes #32346.

Built from https://develop.svn.wordpress.org/trunk@32946


git-svn-id: http://core.svn.wordpress.org/trunk@32917 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-25 19:33:26 +00:00
Helen Hou-Sandí 6fbfc06e0d Admin menu: prevent (most) lock outs caused by plugins or IE7.
fixes #30900.

Built from https://develop.svn.wordpress.org/trunk@32268


git-svn-id: http://core.svn.wordpress.org/trunk@32239 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-22 18:38:29 +00:00
Andrew Ozz 8d01d0be3f Revert [32099] per discussion in #core: https://wordpress.slack.com/archives/core/p1428608303003309.
See #30900.
Built from https://develop.svn.wordpress.org/trunk@32100


git-svn-id: http://core.svn.wordpress.org/trunk@32079 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-09 19:56:27 +00:00
Andrew Ozz 9e87e6b098 Remove z-index from `#adminmenuback`.
Fixes #30900.
Built from https://develop.svn.wordpress.org/trunk@32099


git-svn-id: http://core.svn.wordpress.org/trunk@32078 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-09 19:26:25 +00:00
Andrew Ozz ab8441ccc1 Fix flickering of the admin menu on over-scrolling.
Props joemcgill, mindrun. Fixes #30900.
Built from https://develop.svn.wordpress.org/trunk@32089


git-svn-id: http://core.svn.wordpress.org/trunk@32068 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-08 21:39:26 +00:00
Helen Hou-Sandí 4e7cb5e05d Admin menu: fix colors for focus state and in IE8.
props afercia.
fixes #31345.

Built from https://develop.svn.wordpress.org/trunk@32075


git-svn-id: http://core.svn.wordpress.org/trunk@32054 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-08 16:38: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 d2f0abf85f RTL CSS generation: Switch from CSSJanus to RTLCSS.
CSSJanus (introduced in [26107]), we had a great time with you, but sadly you don't like our fancy CSS.

RTLCSS is a framework for converting CSS from LTR to RTL, same as CSSJanus, with support for more CSS properties like `transform`, `transition` or multiple box and text shadows.

Changes:
* devDependencies: Remove `grunt-cssjanus`, add `grunt-rtlcss`.
* RTLCSS uses `/* rtl:ignore */` to ignore a rule, switch existing `/* @noflip */` to the new directive.
* RTLCSS supports the `transform` property, means we can remove some ignore rules.
* RTLCSS supports string maps for custom replace rules. This commit includes a rule `import-rtl-stylesheet` which replaces ".css" with "-rtl.css" in URLs.

Notes for core development:
* The file generation task is still `grunt rtl`.
* If you have used `grunt cssjanus` before, use `grunt rtlcss` now.
* Remember the new directive `/* rtl:ignore */`.

fixes #31332.

Build: https://build.trac.wordpress.org/changeset/31554
Built from https://develop.svn.wordpress.org/trunk@31573


git-svn-id: http://core.svn.wordpress.org/trunk@31554 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-27 13:41:30 +00:00
Helen Hou-Sandí 6d03323746 CSS: Move relevant `#sidemenu` rules into `deprecated-media.css` and remove the cruft.
fixes #27956.

Built from https://develop.svn.wordpress.org/trunk@31564


git-svn-id: http://core.svn.wordpress.org/trunk@31545 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-26 23:24:27 +00:00
Helen Hou-Sandí b6edb31874 Admin menu: Ensure top level menu item keeps hover color when hovering over or focusing on the submenu.
props stevehickeydesign, melchoyce.
fixes #31275.

Built from https://develop.svn.wordpress.org/trunk@31424


git-svn-id: http://core.svn.wordpress.org/trunk@31405 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-11 22:25:27 +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
Dominik Schilling cffba3c1ba Customizer: Use deep-links for Backgrounds, Headers, and Widgets.
Replace links in admin menu and toolbar to Custom Background/Header screen with deep-links to the Customizer section.
On the Widgets screen display a link to the Customizer widgets panel.

props topher1kenobe, rzen, celloexpressions, westonruter
fixes #25569, #25571, #28032.
Built from https://develop.svn.wordpress.org/trunk@30459


git-svn-id: http://core.svn.wordpress.org/trunk@30450 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-20 15:29:23 +00:00
Helen Hou-Sandí 06201646c3 Use a brighter blue against dark backgrounds in the admin menu and toolbar.
Not only does this pass contrast guidelines, but it also visually appears closer to the original highlight blue used against light backgrounds.

props melchoyce. fixes #30323.

Built from https://develop.svn.wordpress.org/trunk@30313


git-svn-id: http://core.svn.wordpress.org/trunk@30312 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-12 20:28:22 +00:00
Andrew Ozz a57e99eca8 Add default z-index to the admin menu, see #29806
Built from https://develop.svn.wordpress.org/trunk@29841


git-svn-id: http://core.svn.wordpress.org/trunk@29605 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-10-06 02:00:16 +00:00
Andrew Ozz f98106769d Pin the admin menu on scrolling similarly to how the side metaboxes are pinned on the Edit Post screen, first run. See #29806.
Built from https://develop.svn.wordpress.org/trunk@29835


git-svn-id: http://core.svn.wordpress.org/trunk@29599 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-10-05 03:09:20 +00:00
Dominik Schilling 27e564113d Admin Menu: Auto fold the menu at 960px.
This gives us some more room at the post edit screen.

props vinod dalvi for initial patch.
fixes #28592.
Built from https://develop.svn.wordpress.org/trunk@29518


git-svn-id: http://core.svn.wordpress.org/trunk@29294 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-17 14:15:17 +00:00
Helen Hou-Sandí 0a0ad635ae Use consistent margin and padding on #wpcontent and #wpfooter. props jesin, TJNowell, sumobi. fixes #28675.
Built from https://develop.svn.wordpress.org/trunk@29502


git-svn-id: http://core.svn.wordpress.org/trunk@29280 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-15 15:34:16 +00:00
Helen Hou-Sandí 51cf3e9f9a Simplify the admin menu notification selector so color schemes don't get stomped. props celloexpressions. see #27920 for trunk.
Built from https://develop.svn.wordpress.org/trunk@28177


git-svn-id: http://core.svn.wordpress.org/trunk@28008 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-21 18:55:16 +00:00
Helen Hou-Sandí c347b4a5cb Restore some CSS rules that are necessary for non-default schemes. see #18380.
Built from https://develop.svn.wordpress.org/trunk@27852


git-svn-id: http://core.svn.wordpress.org/trunk@27683 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 17:48:15 +00:00
Andrew Nacin 665df851ad Restore the original z-index of the sticky admin menu, as first set in [26442].
The inline comment is now correct again. This z-index was changed in [26701], but those circumstances no longer apply after [27532].

props mordauk.
see #26442, #26952.
fixes #26567.

Built from https://develop.svn.wordpress.org/trunk@27833


git-svn-id: http://core.svn.wordpress.org/trunk@27667 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 03:30:14 +00:00
Helen Hou-Sandí d88315a6f7 Correct cascade issues and remove some unused CSS for the admin menu. see #18380.
Built from https://develop.svn.wordpress.org/trunk@27832


git-svn-id: http://core.svn.wordpress.org/trunk@27666 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 02:47:14 +00:00
Dominik Schilling d23cd0aa50 Introduce a `.dashicons-before` CSS class.
If you want to use a Dashicon before an element you can use the class because it will not change the elements content styling. With that you don't need to copy the entire `.dashicons` styling to your :before styling anymore.
To demonstrate this change, Admin Menu now uses Dashicons classes directly.

And it fixes a glitch in IE.

fixes #26630.
Built from https://develop.svn.wordpress.org/trunk@27418


git-svn-id: http://core.svn.wordpress.org/trunk@27265 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-05 20:04:14 +00:00
Dominik Schilling 4048861564 Admin Menu: Center menu images vertically, see #26630.
Built from https://develop.svn.wordpress.org/trunk@27410


git-svn-id: http://core.svn.wordpress.org/trunk@27257 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-05 12:59:14 +00:00
Helen Hou-Sandí ab31bf8683 Once upon a time not long ago,
The admin CSS was merged in #18314.
After a couple years as it stood,
The mess it had become just was no good.
One day we realized Grunt is pretty cool,
And said "we should use this as our build tool!"
Now we can maintain separate files with ease,
Using @import and cssmin meets all our needs.
Welcome to the future of the WordPress stylesheets,
And thanks to Slick Rick for the beats.

props jorbin for the initial patch.
fixes #26669.

Built from https://develop.svn.wordpress.org/trunk@27195


git-svn-id: http://core.svn.wordpress.org/trunk@27054 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-19 21:43:14 +00:00