Commit Graph

41 Commits

Author SHA1 Message Date
Aaron Jorbin
eb78c8e092 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.




git-svn-id: https://develop.svn.wordpress.org/trunk@41062 602fd350-edb4-49c9-b593-d223f7449a82
2017-07-16 01:14:36 +00:00
Weston Ruter
5eb62b94ad 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@40631 602fd350-edb4-49c9-b593-d223f7449a82
2017-05-11 18:54:24 +00:00
Andrea Fercia
859c3551ac 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@40569 602fd350-edb4-49c9-b593-d223f7449a82
2017-05-03 22:38:26 +00:00
Andrea Fercia
66eb13d3b2 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@40480 602fd350-edb4-49c9-b593-d223f7449a82
2017-04-19 21:13:53 +00:00
Helen Hou-Sandi
d37312f3bf Customize: More visible focus and hover states for close and back buttons.
props celloexpressions, folletto.
fixes #29158.


git-svn-id: https://develop.svn.wordpress.org/trunk@39249 602fd350-edb4-49c9-b593-d223f7449a82
2016-11-15 18:10:16 +00:00
Helen Hou-Sandi
683f7bc4d3 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@38602 602fd350-edb4-49c9-b593-d223f7449a82
2016-09-14 16:14:20 +00:00
Andrea Fercia
474c7da237 Accessibility: Improve the color contrast ratio of the expandable panel "handles".
Fixes #35923.

git-svn-id: https://develop.svn.wordpress.org/trunk@36959 602fd350-edb4-49c9-b593-d223f7449a82
2016-03-10 21:44:00 +00:00
Andrea Fercia
7e71bb398c Accessibility: Reduce the WordPress shades of grey, Episode 3.
Also, removes some no more used CSS.

See #35783.

git-svn-id: https://develop.svn.wordpress.org/trunk@36904 602fd350-edb4-49c9-b593-d223f7449a82
2016-03-09 19:50:28 +00:00
Andrea Fercia
d43a7a9f06 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@36396 602fd350-edb4-49c9-b593-d223f7449a82
2016-01-26 00:03:34 +00:00
Dion Hulse
1dbc5b2918 CSS: Reference the original location of the CSS rule being overridden.
See #35229


git-svn-id: https://develop.svn.wordpress.org/trunk@36342 602fd350-edb4-49c9-b593-d223f7449a82
2016-01-18 09:58:21 +00:00
Andrea Fercia
d4af1b036e Customizer: Aggregate similar CSS rules.
Fixes #34333.

git-svn-id: https://develop.svn.wordpress.org/trunk@36291 602fd350-edb4-49c9-b593-d223f7449a82
2016-01-13 22:35:05 +00:00
Andrea Fercia
8774b40dc8 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@35304 602fd350-edb4-49c9-b593-d223f7449a82
2015-10-20 20:14:51 +00:00
Helen Hou-Sandi
3a8bd20594 Circular focus styling for widgets and menus in the customizer.
see #33808.


git-svn-id: https://develop.svn.wordpress.org/trunk@35207 602fd350-edb4-49c9-b593-d223f7449a82
2015-10-15 18:52:24 +00:00
Andrea Fercia
52c2492afb Accessibility: bump headings one level up on the Appearance > Widgets screen for a better headings hierarchy.
Props mrahmadawais, afercia.
Fixes #33659.

git-svn-id: https://develop.svn.wordpress.org/trunk@35015 602fd350-edb4-49c9-b593-d223f7449a82
2015-10-10 16:33:33 +00:00
Scott Taylor
d937112e9f 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@34011 602fd350-edb4-49c9-b593-d223f7449a82
2015-09-10 20:21:57 +00:00
Scott Taylor
b8e30f3ec7 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@33912 602fd350-edb4-49c9-b593-d223f7449a82
2015-09-05 19:56:15 +00:00
Dominik Schilling (ocean90)
790b60ffb2 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@33136 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-08 21:20:54 +00:00
Konstantin Obenland
f733d8a91d 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.



git-svn-id: https://develop.svn.wordpress.org/trunk@33012 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-01 00:18:46 +00:00
Dominik Schilling (ocean90)
cced199188 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@32649 602fd350-edb4-49c9-b593-d223f7449a82
2015-05-29 13:56:39 +00:00
Helen Hou-Sandi
8ae79e3d33 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@32243 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-21 14:14:27 +00:00
Helen Hou-Sandi
f64bf71719 Update more instances of default admin blues and grays.
props hugobaeta.
fixes #31234.


git-svn-id: https://develop.svn.wordpress.org/trunk@32051 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-05 21:19:54 +00:00
Dominik Schilling (ocean90)
d5c14c102b Customizer: Fix spinners after [31996].
props westonruter.
fixes #31884.

git-svn-id: https://develop.svn.wordpress.org/trunk@32008 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-04 15:41:45 +00:00
Dominik Schilling (ocean90)
da09ac082b 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@31384 602fd350-edb4-49c9-b593-d223f7449a82
2015-02-09 12:35:38 +00:00
Sergey Biryukov
3c86263afe Customizer: Make "Search widgets" input sticky.
props celloexpressions.
fixes #30751.

git-svn-id: https://develop.svn.wordpress.org/trunk@31227 602fd350-edb4-49c9-b593-d223f7449a82
2015-01-17 13:15:00 +00:00
Dominik Schilling (ocean90)
104b31ae54 Customizer: Add panel/section type as CSS class to the HTML container.
see #28709.

git-svn-id: https://develop.svn.wordpress.org/trunk@30714 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-02 22:15:33 +00:00
Andrew Nacin
43d194c3b6 Widgets: Better padding for translations of "Reorder".
fixes #27788.


git-svn-id: https://develop.svn.wordpress.org/trunk@28148 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-16 13:07:01 +00:00
Andrew Nacin
7960418895 Color scheme support for widget choosers.
props ocean90.
fixes #27793.


git-svn-id: https://develop.svn.wordpress.org/trunk@28122 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-14 20:21:14 +00:00
Dominik Schilling (ocean90)
c80074d551 Widget Customizer: Update icons to new Dashicons, part 2.
props Michael Arestad.
fixes #27400.

git-svn-id: https://develop.svn.wordpress.org/trunk@28013 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-07 21:36:52 +00:00
Dominik Schilling (ocean90)
6b007e8345 Widget Customizer: Update icons to new Dashicons.
props melchoyce.
see #27400.

git-svn-id: https://develop.svn.wordpress.org/trunk@28005 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-07 20:49:40 +00:00
Dominik Schilling (ocean90)
ce4961c9f7 Widget Customizer: Cleanup wp.customize.Widgets.WidgetControl.
see #27690.

git-svn-id: https://develop.svn.wordpress.org/trunk@27988 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-07 16:31:52 +00:00
Dominik Schilling (ocean90)
da677f34aa Widget Customizer: Move WidgetCustomizer to wp.customize.Widgets. First pass.
see #27690.

git-svn-id: https://develop.svn.wordpress.org/trunk@27985 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-07 09:03:18 +00:00
Dominik Schilling (ocean90)
41c2ce306a Widget Customizer: Don't use opacity for the update spinner.
`opacity` isn't supported in IE8 and makes the spinner always visible.

see #27485.

git-svn-id: https://develop.svn.wordpress.org/trunk@27912 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-02 19:19:53 +00:00
Dominik Schilling (ocean90)
9f3976baf2 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@27909 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-02 18:20:00 +00:00
Dominik Schilling (ocean90)
12ba5b0ff9 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@27824 602fd350-edb4-49c9-b593-d223f7449a82
2014-03-28 20:43:29 +00:00
Dominik Schilling (ocean90)
cc102fe0ff Widget Customizer: Set hightlight color to blue. Same color as in [27741].
fixes #27358.

git-svn-id: https://develop.svn.wordpress.org/trunk@27814 602fd350-edb4-49c9-b593-d223f7449a82
2014-03-28 13:32:53 +00:00
Dominik Schilling (ocean90)
4d57b96fb2 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@27798 602fd350-edb4-49c9-b593-d223f7449a82
2014-03-27 23:12:25 +00:00
Dominik Schilling (ocean90)
615e820420 Add some missing CSS prefixes. props grunt autoprefixer:core.
git-svn-id: https://develop.svn.wordpress.org/trunk@27790 602fd350-edb4-49c9-b593-d223f7449a82
2014-03-27 19:16:35 +00:00
Dominik Schilling (ocean90)
2e1f98d2a0 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@27702 602fd350-edb4-49c9-b593-d223f7449a82
2014-03-25 11:47:27 +00:00
Dominik Schilling (ocean90)
686896998d Widget Customizer: Improve widget search.
* Removes jQuery.liveFilter dependency
* Filters widget collection directly
* Widget's name, ID and description will be searched

fixes #27451.

git-svn-id: https://develop.svn.wordpress.org/trunk@27650 602fd350-edb4-49c9-b593-d223f7449a82
2014-03-21 21:12:32 +00:00
Andrew Nacin
89241aee8d Widgets dashicons update.
props melchoyce, michael-arestad, empireoflight.
see #26936.


git-svn-id: https://develop.svn.wordpress.org/trunk@27468 602fd350-edb4-49c9-b593-d223f7449a82
2014-03-08 03:37:10 +00:00
Andrew Nacin
f12d7bb35c 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@27419 602fd350-edb4-49c9-b593-d223f7449a82
2014-03-05 20:40:36 +00:00