Commit Graph

69 Commits

Author SHA1 Message Date
Helen Hou-Sandi
c40301f1a0 Customizer: Ensure consistent margins in sections.
Since the customizer dynamically changes, `nth-child` selectors are not always a great idea.

props afercia.
fixes #32902.


git-svn-id: https://develop.svn.wordpress.org/trunk@33297 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-16 19:14:31 +00:00
Weston Ruter
d9fcddae25 Customizer: Hide the transport list when it's empty, especially for screen readers.
Also prevent invalid markup for `.customize-section-description`.

Props valendesigns.
Fixes #32843.


git-svn-id: https://develop.svn.wordpress.org/trunk@33282 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-15 19:58:42 +00:00
Konstantin Obenland
68cd0bc870 Site Icon: Add Customizer UI.
Second part of the Site Icon feature after [32994] introduced it for Settings.

Props celloexpressions.
See #16434.



git-svn-id: https://develop.svn.wordpress.org/trunk@33154 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-10 21:32:23 +00:00
Dominik Schilling (ocean90)
0730240b9a Customizer: Use a <button> for the collapse sidebar … button.
props afercia.
fixes #32819.

git-svn-id: https://develop.svn.wordpress.org/trunk@33153 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-10 21:21:07 +00:00
Dominik Schilling (ocean90)
cf6504c787 Customizer: Use the new dashicon for the Preview/Customize toggle in narrow screens.
see #30902, #28784.

git-svn-id: https://develop.svn.wordpress.org/trunk@33150 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-09 21:04:36 +00:00
Dominik Schilling (ocean90)
e430245d00 Customizer: Accessibility enhancements.
* Move tabindex/focus code into `onChangeExpanded` so that it works for cases where `expand()` is called directly.
* Use `visibility: hidden` to hide hidden elements from keyboard focus and screen readers.

props celloexpressions.
fixes #31336.

git-svn-id: https://develop.svn.wordpress.org/trunk@33069 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-03 20:18:17 +00:00
Helen Hou-Sandi
b896a4e31b Customizer: Build flips the panel arrow for RTL on our behalf.
see #31336.


git-svn-id: https://develop.svn.wordpress.org/trunk@33045 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-02 01:28:43 +00:00
Dominik Schilling (ocean90)
71cdd9a3e1 Customizer: Revert the blue on hover color which was introduced in [32649].
Blue is meant to be the primary action which isn't the case in this context. Colors need to be revised in #29158. 

see #31336.

git-svn-id: https://develop.svn.wordpress.org/trunk@32823 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-17 21:07:01 +00:00
Dominik Schilling (ocean90)
2481eec41d Customizer: Replace usage of calc() with box-sizing: border-box.
IE8 doesn't support `calc()`.

props afercia.
see #31336.
fixes #32664.

git-svn-id: https://develop.svn.wordpress.org/trunk@32821 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-17 19:34:44 +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
Sergey Biryukov
5af9ac0ea2 Customizer: Use a semantic, accessible element for Remove Header Image button.
Make the button more noticeable on dark, light, and busy images.

props afercia, RDall, melchoyce.
fixes #32227, #31325.

git-svn-id: https://develop.svn.wordpress.org/trunk@32382 602fd350-edb4-49c9-b593-d223f7449a82
2015-05-06 10:53:07 +00:00
Helen Hou-Sandi
09f830dca5 Customizer theme details modal: Repair the layout for IE8.
props obenland.
fixes #32066.


git-svn-id: https://develop.svn.wordpress.org/trunk@32269 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-22 18:56:01 +00:00
Dominik Schilling (ocean90)
f029572866 Theme Switcher: Provide an easier way to reset back to the current active theme.
* Add control for the active theme when doing a theme preview
* Highlight an active theme and move it to the top

props valendesigns, ocean90.
fixes #32002.

git-svn-id: https://develop.svn.wordpress.org/trunk@32265 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-22 16:15:01 +00:00
Helen Hou-Sandi
3019ddf457 Customizer theme switcher: Fix some esoteric breakage in iOS Safari.
This manifested in only being able to switch your theme once in the customizer before the "Change" button would appear to stop responding, though a switch to "Preview" and back to "Customize" would reveal the theme switcher after all. Animated positioning appears to be the problem here. The animations are not critical to the experience, particularly on touch+smaller screen devices.

props iseulde.
see #31794.


git-svn-id: https://develop.svn.wordpress.org/trunk@32103 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-10 02:43:20 +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)
340cb573ae Customizer: Improve the overlay close button for iOS.
see #28784.

git-svn-id: https://develop.svn.wordpress.org/trunk@31984 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-02 17:15:08 +00:00
Dominik Schilling (ocean90)
a05bbf7e7b Customizer Theme Switcher: Navigation streamlining.
* Detach Themes section from other controls
* Move to buttons to navigate back and forth
* Change titles based on current theme status, active/previewing
* Hide the active/previewing theme from the list of available themes

props folletto for the design concepts.
props designsimply, celloexpressions for initial patches.
props Team Gandalf.
see #31289.

git-svn-id: https://develop.svn.wordpress.org/trunk@31975 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-01 22:50:10 +00:00
Dominik Schilling (ocean90)
d6a590e087 Customizer: Make the available widgets overlay closable on narrow screens.
see #28784.

git-svn-id: https://develop.svn.wordpress.org/trunk@31974 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-01 22:24:21 +00:00
Dominik Schilling (ocean90)
b194676876 Customizer Theme Switcher: Switch the details/live preview buttons.
props celloexpressions, ocean90.
fixes #31791.

git-svn-id: https://develop.svn.wordpress.org/trunk@31954 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-01 12:35:26 +00:00
Dominik Schilling (ocean90)
dad35768cf Theme Switcher: Use the global panel back button instead of adding a new one.
This ensures the back button is visible on iOS devices. Same as in [29610].

see #31794.

git-svn-id: https://develop.svn.wordpress.org/trunk@31918 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-28 22:08:32 +00:00
Dominik Schilling (ocean90)
da2d5c4039 Customizer: Increase size of search field and disable text size adjustment to prevent auto zooming.
see #31794.

git-svn-id: https://develop.svn.wordpress.org/trunk@31917 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-28 21:02:36 +00:00
Dominik Schilling (ocean90)
b64b88d03b Customizer: Use responsive button styles if screen is max-width 640px.
see #31794, #28784.

git-svn-id: https://develop.svn.wordpress.org/trunk@31913 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-27 22:16:10 +00:00
Dominik Schilling (ocean90)
c5cd434a72 Theme Switcher: Don't hide action buttons on narrow screens.
see #31794.

git-svn-id: https://develop.svn.wordpress.org/trunk@31912 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-27 21:52:23 +00:00
ocean90
f5ea31e389 Customizer Theme Switcher: Reset font size of theme names in overlay. Apply left position only to themes section.
see #31303.

git-svn-id: https://develop.svn.wordpress.org/trunk@31892 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-25 22:57:03 +00:00
Dominik Schilling (ocean90)
179a1b7a4c Customizer: Introduce WP_Customize_Media_Control.
`WP_Customize_Media_Control` is a new base class for all Customizer media controls. If used directly it supports the ID of an attachment instead of an URL like `WP_Customize_Upload_Control`.

props celloexpressions.
fixes #29215.

git-svn-id: https://develop.svn.wordpress.org/trunk@31698 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-10 18:01:42 +00:00
Dominik Schilling (ocean90)
305a44617c Customizer: Add audio/video previews for upload controls.
props celloexpressions, Fab1en, wonderboymusic.
fixes #30850.

git-svn-id: https://develop.svn.wordpress.org/trunk@31661 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-07 11:05:57 +00:00
Dominik Schilling (ocean90)
4e7a4deca6 Build: Let RTLCSS handle swapping the codes for right/left arrows from Dashicons.
Exclude `wp-includes/css/dashicons.css` from core task since we don't want/need a RTL version of it.

fixes #31478.

git-svn-id: https://develop.svn.wordpress.org/trunk@31579 602fd350-edb4-49c9-b593-d223f7449a82
2015-02-27 20:18:05 +00:00
Andrew Ozz
6dad5d4353 Grunt precommit cleanup. See [31533], [31535].
git-svn-id: https://develop.svn.wordpress.org/trunk@31538 602fd350-edb4-49c9-b593-d223f7449a82
2015-02-25 04:16:18 +00:00
Mark Jaquith
f1bb5c2fd7 Add theme browsing and theme switching to the Customizer
* Brings into core the Customizer Theme Switcher feature plugin
* You can now browse, preview, and activate themes right from the Customizer

fixes #31303.
props celloexpressions, afercia, westonruter, folletto, designsimply

git-svn-id: https://develop.svn.wordpress.org/trunk@31533 602fd350-edb4-49c9-b593-d223f7449a82
2015-02-24 20:30:22 +00:00
Dominik Schilling (ocean90)
97bc1c3707 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.

git-svn-id: https://develop.svn.wordpress.org/trunk@31505 602fd350-edb4-49c9-b593-d223f7449a82
2015-02-22 16:59:41 +00:00
Sergey Biryukov
ef04afe4bf Customizer: Remove margin for hidden controls.
props dlh.
fixes #31330.

git-svn-id: https://develop.svn.wordpress.org/trunk@31460 602fd350-edb4-49c9-b593-d223f7449a82
2015-02-14 08:45:50 +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
Dominik Schilling (ocean90)
c959c4d4b3 Customizer: Add _wp_attachment_is_custom_background meta to uploaded background images.
Adds `$type` property to `WP_Customize_Background_Image_Control` (PHP) and introduces `wp.customize.BackgroundControl` (JS).

see #30707.

git-svn-id: https://develop.svn.wordpress.org/trunk@30885 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-15 23:27:17 +00:00
Dominik Schilling (ocean90)
326d7f8c5f Customizer: Re-add the possibility to remove and restore a default background image.
see #21483.
fixes #30683 for trunk.

git-svn-id: https://develop.svn.wordpress.org/trunk@30849 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-14 19:36:27 +00:00
Scott Taylor
29bcbb62e1 Show title, album, and artist info for audio files displayed in WP_Customize_Upload_Control().
See #21483.


git-svn-id: https://develop.svn.wordpress.org/trunk@30737 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-04 01:58:56 +00:00
Dominik Schilling (ocean90)
5158511ceb Customizer: Enhance Background Image/Upload controls.
* Adopt the Header Image layout to the Background Image/Upload control.
* Remove templates for interactive audio/video previews. They haven't worked yet.
* Don't show a "Remove" button when the default value is set.
* Avoid calculating of container/placeholder heights which are unrelated to custom headers.

see #21483.

git-svn-id: https://develop.svn.wordpress.org/trunk@30712 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-02 21:54:42 +00:00
Dominik Schilling (ocean90)
4175d8a922 Customizer: Add support for the media library in Background Image controls.
`WP_Customize_Upload_Control` (PHP) and `api.UploadControl` (JS) can now open the media modal.

props celloexpressions, and ericlewis for docs.
see #21483.

git-svn-id: https://develop.svn.wordpress.org/trunk@30309 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-11 23:51:48 +00:00
Sergey Biryukov
326aeeba56 Customizer: Use correct panel-back icon in RTL.
props TomHarrigan.
fixes #29946.

git-svn-id: https://develop.svn.wordpress.org/trunk@29955 602fd350-edb4-49c9-b593-d223f7449a82
2014-10-18 15:34:33 +00:00
Helen Hou-Sandi
bcba1996fe Customizer panels: use a single back button for all panels.
This also ensures the back button is visible on iOS devices.

props celloexpressions.
fixes #29135.


git-svn-id: https://develop.svn.wordpress.org/trunk@29610 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-25 23:04:43 +00:00
Helen Hou-Sandi
7b6aabf795 Better visual focus syling in customizer, theme preview, and attachment details modals.
props celloexpressions.
fixes #29147.


git-svn-id: https://develop.svn.wordpress.org/trunk@29608 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-25 21:57:55 +00:00
Helen Hou-Sandi
9eaf6cda94 Align and unify (most) modal and customizer icons. fixes #29147.
git-svn-id: https://develop.svn.wordpress.org/trunk@29542 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-19 20:37:46 +00:00
Andrew Nacin
bc582fc058 Customizer: Mixed priority sorting for panels and top-level sections.
props celloexpressions.
fixes #28979.


git-svn-id: https://develop.svn.wordpress.org/trunk@29488 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-14 04:42:30 +00:00
Helen Hou-Sandi
fff4c473d3 Clearer visual differentiation between panels and sections in the customizer. props celloexpressions. see #28979.
git-svn-id: https://develop.svn.wordpress.org/trunk@29470 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-12 01:17:07 +00:00
Dominik Schilling (ocean90)
2c320cc7f3 Standardize transition-animations on modal close/arrow buttons.
props celloexpressions.
fixes #29021.

git-svn-id: https://develop.svn.wordpress.org/trunk@29365 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-02 22:01:49 +00:00
Dominik Schilling (ocean90)
70a6b6390c IE8 doesn't support ::before and ::after pseudo-elements. Replace them with :before and :after.
props andrezrv, DrewAPicture, ocean90.
fixes #28082.

git-svn-id: https://develop.svn.wordpress.org/trunk@29314 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-28 15:51:02 +00:00
Helen Hou-Sandi
d1c4c6fd6e Customizer info section:
* Only show the theme info when doing a live preview of another theme.
* Replace with helper text about what you are customizing and what the Customizer is for.
* Fix focus styling.

props celloexpressions, westonruter. fixes #28550.


git-svn-id: https://develop.svn.wordpress.org/trunk@29034 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-08 19:52:17 +00:00
Helen Hou-Sandi
bfdd641013 More consistent icons in place of some buttons for the Customizer and theme install preview.
* Use a single close icon instead of a context-changing cancel/close button in the Customizer. In user testing, this small distinction in language was overlooked, and we use an AYS now instead. This also makes it consistent with the back arrow in Customizer panels.
* Use the same close icon as well as the previous/next arrows from the theme details browser in the theme install preview.

props celloexpressions. fixes #28655.


git-svn-id: https://develop.svn.wordpress.org/trunk@29031 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-08 18:18:23 +00:00
Dominik Schilling (ocean90)
5aeaa14d9a Customizer: Reverse arrows in RTL. See #27406.
props yoavf.
fixes #28669.

git-svn-id: https://develop.svn.wordpress.org/trunk@28931 602fd350-edb4-49c9-b593-d223f7449a82
2014-06-30 19:59:51 +00:00
Dominik Schilling (ocean90)
6f51a5f972 Customizer: Support textarea and commonly-used input types as control type in WP_Customize_Control.
Add `input_attrs` property to support custom input attributes.

(Demo plugin attached to ticket.)

props celloexpressions.
fixes #28477.

git-svn-id: https://develop.svn.wordpress.org/trunk@28930 602fd350-edb4-49c9-b593-d223f7449a82
2014-06-30 19:47:56 +00:00