Commit Graph

46 Commits

Author SHA1 Message Date
ryelle
d2d09b9a7a 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.
Fixes #52760.


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


git-svn-id: http://core.svn.wordpress.org/trunk@50296 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-04-07 16:38:09 +00:00
ryelle
3363e22f80 Pointers: Make pointer border darker to match arrow tip.
Props johnjamesjacoby, melchoyce, SergeyBiryukov.
Fixes #52670.


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


git-svn-id: http://core.svn.wordpress.org/trunk@50164 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-03-18 23:26:05 +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
Sergey Biryukov
4bb4107f50 General: Use correct value for the speak property in various CSS files.
Follow-up to [49263].

Props hareesh-pillai.
Fixes #51622.
Built from https://develop.svn.wordpress.org/trunk@49309


git-svn-id: http://core.svn.wordpress.org/trunk@49071 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-10-26 02:25:09 +00:00
Sergey Biryukov
1d98a92fad CSS Coding Standards: Use unitless values for line-height in wp-includes/css/wp-pointer.css.
Props ianbelanger, pbiron, afercia.
Fixes #46525. See #44643.
Built from https://develop.svn.wordpress.org/trunk@45475


git-svn-id: http://core.svn.wordpress.org/trunk@45286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-05-30 12:41:51 +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
Andrea Fercia
173e0f9ee7 Administration: CSS coding standards
- properties should be followed by a colon and a space
- media queries shouldn't use spaces within parenthesis
- indentation should use tabs instead of spaces or mixed spaces / tabs
- the content property should use double quotes
- no double spaces

Props nadim0988, afercia.
Fixes #45185.

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


git-svn-id: http://core.svn.wordpress.org/trunk@44468 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-01-17 07:41:52 +00:00
iandunn
7f23a920d2 Privacy: Reposition pointer to ensure dismiss link is always visible.
r43158 introduced a new admin pointer for the privacy tools added in 4.9.6. With the previous positioning, though, sometimes the `Dismiss` link would be fixed off screen, making it impossible for the user to dismiss the pointer. This happened when there were enough extra menu items, or when the viewport height was short enough.

This commit repositions the pointer to work around that problem. One down side of this workaround is that the arrow will not always be positioned next to the `Tools` menu, where it should be. That's an acceptable compromise given the current time constraints, though. A long term solution would be to make `WP_Pointer` robust enough to handle this use case.

Props imath, audrasjb, desrosj.
Fixes #44045.

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


git-svn-id: http://core.svn.wordpress.org/trunk@43075 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-05-12 17:29:21 +00:00
iandunn
107b52191b Privacy: Reposition admin pointer to avoid covering collapsed menu.
Previously the pointer overlapped the menu in order to draw attention to the fact that it applies to both the `Tools` and `Settings` menus. That caused a conflict if the menu was collapsed, though, because the icons were covered by the pointer and therefore inaccessible.

Additionally, minor tweaks were made to the text order and formatting. The order of the two sections was swapped in the title and paragraph, in order to match the order of the corresponding menu items. The spacing around headings and paragraphs was tweaked to remove extraneous whitespace.

Props littler.chicken, desrosj, ianbelanger, melchoyce.
Fixes #43961.

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


git-svn-id: http://core.svn.wordpress.org/trunk@43039 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-05-10 03:03:20 +00:00
iandunn
30b5cad03d Privacy: Add an admin pointer for new privacy features in 4.9.6.
The new features are very important for some users, because of their GDPR obligations. They're also spread across multiple top-level menus, making them less discoverable. An admin pointer will help to ensure that users are aware of the new tools and how to find them.

Props desrosj, andreamiddleton, allendav, xkon. 
Fixes #43942.

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


git-svn-id: http://core.svn.wordpress.org/trunk@42987 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-05-03 19:45:21 +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
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
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í
83e10ee655 Pointers: Make the dismiss icon a consistent size.
fixes #31915.

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


git-svn-id: http://core.svn.wordpress.org/trunk@32048 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-07 19:14: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
Sergey Biryukov
ae0e22b61c Fix feature pointer positioning issues for both LTR and RTL.
fixes #28062.
Built from https://develop.svn.wordpress.org/trunk@28897


git-svn-id: http://core.svn.wordpress.org/trunk@28696 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-29 16:06:14 +00:00
Scott Taylor
dad07f85b8 Fix the spacing between the wp-pointer arrow and bubble in LTR and RTL.
Fixes #28062.


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


git-svn-id: http://core.svn.wordpress.org/trunk@28676 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-28 02:26:16 +00:00
Andrew Nacin
55b0cd935e Fix feature pointer RTL placement.
props SergeyBiryukov, ocean90.
fixes #27778.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27938 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-14 00:00:14 +00:00
Andrew Nacin
11c3695c77 Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes.
We'll be using it for two distinct tasks:
 * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build.
 * Color CSS files will receive prefixes when they are built.

This commit:
 * Adds prefixes we were missing to core CSS.
 * Removes prefixes that we no longer need from core CSS.
 * Removes all prefixes from colors CSS.

props ocean90.
fixes #27078.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 08:30:17 +00:00
Helen Hou-Sandí
0100dd772a Merge colors.css into wp-admin.css. Non-default color schemes became overloads rather than swaps in the 3.8 redesign. Benefits include:
* No more border-width, border-style, border-color insanity.
* Point releases are much less likely to require extra finagling to avoid rebuilding the color schemes.
* Yours truly has a better overall vision of ~14,000 lines of admin CSS and where we go from here.

1,065 net lines of red, y'all.
props helen, jorbin. fixes #18380.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26973 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-06 06:25:18 +00:00
Andrew Nacin
8adc7db517 Add a contrasting border to admin feature pointers.
props iammattthomas.
see #26689.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26849 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-17 03:49:11 +00:00
Andrew Nacin
790f951105 Move pointer-specific CSS from wp-admin.css to wp-pointer.css.
props ocean90.
fixes #26477.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26684 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-08 07:17:10 +00:00
Matt Thomas
252d16c501 Admin pointers don't work at responsive sizes because of responsive layout adjustments. Hide the pointers for now until they're made responsive. Fixes #25984.
Built from https://develop.svn.wordpress.org/trunk@26419


git-svn-id: http://core.svn.wordpress.org/trunk@26319 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-26 21:47:11 +00:00
Andrew Nacin
fb69ea9028 Stop using .rtl classes, instead relying on flipping LTR CSS to RTL.
props yoavf.
fixes #24977.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26150 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-17 16:18:11 +00:00
Matt Thomas
ceefb723ee Replace icon-pointer-flag.png with the flag Dashicon. Fixes #25982.
Built from https://develop.svn.wordpress.org/trunk@26171


git-svn-id: http://core.svn.wordpress.org/trunk@26080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 20:17:10 +00:00
Helen Hou-Sandí
69d432410a Say hello to a fresh new look for the WordPress admin.
Still to come: more color schemes, a responsive component, and more.

see #25858.
props iammattthomas, tillkruess, EmpireOfLight, melchoyce, ryelle, joen, mitchoyoshitaka, sirbrillig, andypeatling, isaackeyet, Otto42, dd32, matt, helen.

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


git-svn-id: http://core.svn.wordpress.org/trunk@25992 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-10 00:27:10 +00:00
Andrew Nacin
ded6e7ae57 Fix HiDPI pointer arrows used in the feature pointers. props lessbloat. fixes #22510.
git-svn-id: http://core.svn.wordpress.org/trunk@22698 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-20 02:09:37 +00:00
Andrew Nacin
7183a9cce9 Introduce a new, cross-browser HiDPI CSS @media rule to be used everywhere.
{{{
@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
}}}

Serve HiDPI graphics for printing, regardless of screen resolution.

Specify Opera's vendor-prefixed device pixel ratio property, for Opera desktop.

Specify a minimum Webkit device pixel ratio of 1.25 instead of 1.5, to serve
2x images to Android devices that are between 1 and 1.5x (like the Nexus 7).
Firefox and Opera will respond to 1.5x on these devices, but Chrome will not.

Specify min-resolution, which covers Firefox 19. Opera on Android also supports
min-resolution, but Opera Mini does not support dppx, so the dpi unit is used.

props iammattthomas for the exhaustive research.
props lessbloat for patching.

fixes #22238.



git-svn-id: http://core.svn.wordpress.org/trunk@22629 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-17 06:50:08 +00:00
Andrew Ozz
1276bcefb5 More retina backgrounds and bits, props saracannon, empireoflight and lessbloat, see #21019
git-svn-id: http://core.svn.wordpress.org/trunk@22439 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-07 20:54:08 +00:00
Andrew Ozz
5c0c0a199f Fix typo in wp-pointer.css, props TobiasBg, fixes #21019
git-svn-id: http://core.svn.wordpress.org/trunk@22078 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-09-28 00:38:07 +00:00
Andrew Ozz
b28a6c066d Consolidated patch for retina support, props taylorde, props empireoflight, fixes #21019
git-svn-id: http://core.svn.wordpress.org/trunk@22031 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-09-27 02:12:54 +00:00
Andrew Nacin
2710bcade1 Switch to .min for compressed JS and CSS files.
* This moves our "development" versions from .dev.js to .js (same for css).
 * The compressed version then moves from .js to .min.js (same for css).

By switching to the standard .min convention, it sets expectations for developers,
and works nicely with existing tools such as ack.

fixes #21633.



git-svn-id: http://core.svn.wordpress.org/trunk@21592 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-23 00:04:18 +00:00
bumpbot
cbacfc849c Compress scripts/styles: 3.5-alpha-21460.
git-svn-id: http://core.svn.wordpress.org/trunk@21460 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-06 18:58:29 +00:00
bumpbot
fc62ad5e57 Compress scripts/styles: 3.5-alpha-21443.
git-svn-id: http://core.svn.wordpress.org/trunk@21443 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-05 22:58:29 +00:00
nacin
bd5d732b05 Compress CSS/JS using the latest version of YUI Compressor, 2.4.7. Removes final semicolon in a CSS declaration block. Previously, committers used 2.4.2. see #19592.
git-svn-id: http://svn.automattic.com/wordpress/trunk@19803 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-02-01 14:37:52 +00:00
nacin
086828df52 Copy xit.gif to wp-includes/images for work with pointers CSS. fixes #19441.
git-svn-id: http://svn.automattic.com/wordpress/trunk@19557 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2011-12-06 02:39:53 +00:00
koopersmith
689dade993 RTL styles for pointers. props helenyhou, fixes #19335.
git-svn-id: http://svn.automattic.com/wordpress/trunk@19419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2011-11-23 18:53:11 +00:00
koopersmith
e87e9b21e4 Center left/right pointer arrows, so arrows appear correctly cross-browser. see #18693.
git-svn-id: http://svn.automattic.com/wordpress/trunk@19416 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2011-11-23 17:28:16 +00:00
koopersmith
8740d2c65d New pointer styles. Arrows are currently optimized to point upward. props georgestephanis, chexee. see #18693.
git-svn-id: http://svn.automattic.com/wordpress/trunk@19269 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2011-11-14 10:30:14 +00:00
azaozz
c50a7acfc5 Pointers: more airy drop shadow, see #18693
git-svn-id: http://svn.automattic.com/wordpress/trunk@18989 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2011-10-18 07:43:40 +00:00
koopersmith
6a29b9ad42 Tweak pointer styles. see #18693.
git-svn-id: http://svn.automattic.com/wordpress/trunk@18971 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2011-10-14 03:58:27 +00:00
koopersmith
c47765dedb Simplify pointer API with smarter positioning. see #18693.
git-svn-id: http://svn.automattic.com/wordpress/trunk@18969 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2011-10-14 03:33:46 +00:00
koopersmith
7efa3a5df8 Add pointers feature, and pointer to admin bar, props nacin for PHP bits, see #18693.
git-svn-id: http://svn.automattic.com/wordpress/trunk@18707 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2011-09-18 21:17:09 +00:00