WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
WordPress/wp-admin/css/customize-controls.css

3044 lines
69 KiB
CSS
Raw Normal View History

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-22 20:04:18 -04:00
body {
overflow: hidden;
Customizer: Increase size of search field and disable text size adjustment to prevent auto zooming. see #31794. Built from https://develop.svn.wordpress.org/trunk@31917 git-svn-id: http://core.svn.wordpress.org/trunk@31896 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-28 17:03:27 -04:00
-webkit-text-size-adjust: 100%;
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-22 20:04:18 -04:00
}
Accessibility: Make links in the Customizer underlined by default. Links within lines or blocks of text should always be underlined since they can't rely on color alone to be distinguished from the surrounding text. Exceptions can be handled on a case-by-case basis. Props Presskopp for the initial patch. Fixes #37527. Built from https://develop.svn.wordpress.org/trunk@38503 git-svn-id: http://core.svn.wordpress.org/trunk@38444 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-01 18:02:30 -04:00
.customize-controls-close,
.widget-control-actions a {
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-22 20:04:18 -04:00
text-decoration: none;
}
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-09 19:27:10 -05:00
#customize-controls h3 {
font-size: 14px;
}
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. Built from https://develop.svn.wordpress.org/trunk@30309 git-svn-id: http://core.svn.wordpress.org/trunk@30308 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-11 18:52:22 -05:00
#customize-controls img {
max-width: 100%;
}
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-09 19:27:10 -05:00
#customize-controls .submit {
text-align: center;
}
Customize: Add changeset locking in Customizer to prevent users from overriding each other's changes. * Customization locking is checked when changesets are saved and when heartbeat ticks. * Lock is lifted immediately upon a user closing the Customizer. * Heartbeat is introduced into Customizer. * Changes made to user after it was locked by another user are stored as an autosave revision for restoration. * Lock notification displays link to preview the other user's changes on the frontend. * A user loading a locked Customizer changeset will be presented with an option to take over. * Autosave revisions attached to a published changeset are converted into auto-drafts so that they will be presented to users for restoration. * Focus constraining is improved in overlay notifications. * Escape key is stopped from propagating in overlay notifications, and it dismisses dismissible overlay notifications. * Introduces `changesetLocked` state which is used to disable the Save button and suppress the AYS dialog when leaving the Customizer. * Fixes bug where users could be presented with each other's autosave revisions. Props sayedwp, westonruter, melchoyce. See #31436, #31897, #39896. Fixes #42024. Built from https://develop.svn.wordpress.org/trunk@41839 git-svn-id: http://core.svn.wordpress.org/trunk@41673 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-12 00:01:46 -04:00
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked {
background-color: rgba( 0, 0, 0, 0.7 );
padding: 25px;
}
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message {
margin-left: auto;
margin-right: auto;
max-width: 366px;
min-height: 64px;
width: auto;
padding: 25px 25px 25px 109px;
position: relative;
background: #fff;
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
line-height: 1.5;
overflow-y: auto;
text-align: left;
top: calc( 50% - 100px );
}
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
margin-top: 0;
}
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons {
margin-bottom: 0;
}
.customize-changeset-locked-avatar {
width: 64px;
position: absolute;
left: 25px;
top: 25px;
}
.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button {
margin-right: 10px;
margin-top: 0;
}
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-09 19:27:10 -05:00
#customize-controls .description {
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 13:11:31 -05:00
color: #555d66;
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-09 19:27:10 -05:00
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-save-button-wrapper {
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-09 19:27:10 -05:00
float: right;
Making improvements to new styles added in the MP6 merge, and addressing visual feedback from core team. Improved and more consistent styling on the widgets & menus pages: * Use the same visual treatment for both widgets and menus. * Re-use existing styles from input:focus for draggable elements. * Use the standard H3 size for widget area titles. * Re-style the Widgets page drop zone to match drop zone from dashboard. * Replace the gear icon on Widgets with the standard open/close arrows. * Remove "Choose a sidebar" header from widget area chooser. Make open/close arrows more consistent: * Use the same arrow direction everywhere: pointing down when its container is closed, pointing up when open (following the Dashboard example). * Set a consistent color for open/close arrows. * Add a hover color for open/close arrows. * Make open/close arrows permanently visible; :hover states don't exist on touch. Make typography and color more consistent: * Switch all declarations of #dedede to #ddd for simplicity's sake. * Make H3s the same weight and color as H2s. * Make select elements the same color as text inputs. * Make paragraph text #444 so it doesn't look washed out on grey backgrounds. General improvements: * Eliminate the border between rows in settings tables. * Make text and buttons line up in the Customizer. See #25858. Built from https://develop.svn.wordpress.org/trunk@26293 git-svn-id: http://core.svn.wordpress.org/trunk@26198 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-20 17:48:09 -05:00
margin-top: 9px;
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-09 19:27:10 -05:00
}
Customize: Add infrastructure for trashing/reverting of unpublished changes; introduce full-screen `OverlayNotification` for trashing and theme install/preview. * Introduce a new `wp.customize.previewer.trash()` JS API to trash the current changeset, along with logic to `WP_Customize_Manager` to handle deleting changeset drafts. * Add `trashing` to `wp.customize.state` which is then used to update the UI. * UI for trashing is pending design feedback. One possibility is to add a new trash button to Publish Settings section that invokes `wp.customize.previewer.trash()`. * Improve logic for managing the visibility and disabled states for publish buttons. * Prevent attempting `requestChangesetUpdate` while processing and bump processing while doing `save`. * Update `changeset_date` state only if sent in save response. * Merge `ThemesSection#loadThemePreview()` into `ThemesPanel#loadThemePreview()`. * Remove unused `autosaved` state. * Start autosaving and prompting at beforeunload after a change first happens. This is key for theme previews since even if a user did not make any changes, there were still dirty settings which would get stored in an auto-draft unexpectedly. * Allow `Notification` to accept additional `classes` to be added to `container`. * Introduce `OverlayNotification` and use for theme installing, previewing, and trashing. Such overlay notifications take over the entire window. Props westonruter, celloexpressions. See #37661, #39896, #21666, #35210. Built from https://develop.svn.wordpress.org/trunk@41667 git-svn-id: http://core.svn.wordpress.org/trunk@41501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-01 23:37:46 -04:00
body:not(.ready) #customize-save-button-wrapper .save {
visibility: hidden;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-save-button-wrapper .save {
float: left;
border-radius: 3px;
box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
margin-top: 0;
}
Customize: Improve keyboard accessibility for publish settings section. Props sayedwp. See #39896. Fixes #42027. Built from https://develop.svn.wordpress.org/trunk@41802 git-svn-id: http://core.svn.wordpress.org/trunk@41636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-09 19:01:46 -04:00
#customize-save-button-wrapper .save:focus, #publish-settings:focus {
box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; /* This is default box shadow for focus */
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-save-button-wrapper .save.has-next-sibling {
border-radius: 3px 0 0 3px;
}
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
#customize-sidebar-outer-content {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
position: absolute;
top: 0;
bottom: 0;
Customize: Improve keyboard accessibility for publish settings section. Props sayedwp. See #39896. Fixes #42027. Built from https://develop.svn.wordpress.org/trunk@41802 git-svn-id: http://core.svn.wordpress.org/trunk@41636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-09 19:01:46 -04:00
left: 0;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
Customize: Improve keyboard accessibility for publish settings section. Props sayedwp. See #39896. Fixes #42027. Built from https://develop.svn.wordpress.org/trunk@41802 git-svn-id: http://core.svn.wordpress.org/trunk@41636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-09 19:01:46 -04:00
width: 100%;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
margin: 0;
Customize: Improve keyboard accessibility for publish settings section. Props sayedwp. See #39896. Fixes #42027. Built from https://develop.svn.wordpress.org/trunk@41802 git-svn-id: http://core.svn.wordpress.org/trunk@41636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-09 19:01:46 -04:00
z-index: -1;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
background: #eee;
transition: left .18s;
border-right: 1px solid #ddd;
Customize: Improve keyboard accessibility for publish settings section. Props sayedwp. See #39896. Fixes #42027. Built from https://develop.svn.wordpress.org/trunk@41802 git-svn-id: http://core.svn.wordpress.org/trunk@41636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-09 19:01:46 -04:00
border-left: 1px solid #ddd;
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
height: 100%;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
}
#customize-theme-controls .control-section-outer {
display: none !important;
}
#customize-outer-theme-controls .accordion-section-content {
padding: 12px;
}
#customize-outer-theme-controls .accordion-section-content.open {
display: block;
}
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
visibility: visible;
Customize: Improve keyboard accessibility for publish settings section. Props sayedwp. See #39896. Fixes #42027. Built from https://develop.svn.wordpress.org/trunk@41802 git-svn-id: http://core.svn.wordpress.org/trunk@41636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-09 19:01:46 -04:00
left: 100%;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
transition: left .18s;
}
.customize-outer-pane-parent {
margin: 0;
}
Customize: Fix positioning of device-previewed window when publish settings are open. * Update date control padding. * Collapse publish settings section when opening panes for available widgets or nav menus. * Remove save and cog buttons in mobile preview only mode. * Move definition of `wp.customize.previewedDevice` to `wp.customize.state('previewedDevice')` for centralization, maintaining old alias. * Remove unused CSS because the section is inside form now. Props sayedwp, westonruter. See #39896. Fixes #42027, #42199. Built from https://develop.svn.wordpress.org/trunk@41860 git-svn-id: http://core.svn.wordpress.org/trunk@41694 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 17:21:55 -04:00
.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
left: 300px;
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
opacity: 0.4;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
}
Customize: Fix positioning of device-previewed window when publish settings are open. * Update date control padding. * Collapse publish settings section when opening panes for available widgets or nav menus. * Remove save and cog buttons in mobile preview only mode. * Move definition of `wp.customize.previewedDevice` to `wp.customize.state('previewedDevice')` for centralization, maintaining old alias. * Remove unused CSS because the section is inside form now. Props sayedwp, westonruter. See #39896. Fixes #42027, #42199. Built from https://develop.svn.wordpress.org/trunk@41860 git-svn-id: http://core.svn.wordpress.org/trunk@41694 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 17:21:55 -04:00
.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
left: 64%;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-outer-theme-controls li.notice {
padding-top: 8px;
padding-bottom: 8px;
margin-left: 0;
margin-bottom: 10px;
}
#publish-settings {
text-indent: 0;
border-radius: 0 3px 3px 0;
padding-left: 0;
padding-right: 0;
box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
font-size: 14px;
width: 30px;
float: left;
-webkit-transform: none;
transform: none;
margin-top: 0;
}
Customize: Add infrastructure for trashing/reverting of unpublished changes; introduce full-screen `OverlayNotification` for trashing and theme install/preview. * Introduce a new `wp.customize.previewer.trash()` JS API to trash the current changeset, along with logic to `WP_Customize_Manager` to handle deleting changeset drafts. * Add `trashing` to `wp.customize.state` which is then used to update the UI. * UI for trashing is pending design feedback. One possibility is to add a new trash button to Publish Settings section that invokes `wp.customize.previewer.trash()`. * Improve logic for managing the visibility and disabled states for publish buttons. * Prevent attempting `requestChangesetUpdate` while processing and bump processing while doing `save`. * Update `changeset_date` state only if sent in save response. * Merge `ThemesSection#loadThemePreview()` into `ThemesPanel#loadThemePreview()`. * Remove unused `autosaved` state. * Start autosaving and prompting at beforeunload after a change first happens. This is key for theme previews since even if a user did not make any changes, there were still dirty settings which would get stored in an auto-draft unexpectedly. * Allow `Notification` to accept additional `classes` to be added to `container`. * Introduce `OverlayNotification` and use for theme installing, previewing, and trashing. Such overlay notifications take over the entire window. Props westonruter, celloexpressions. See #37661, #39896, #21666, #35210. Built from https://develop.svn.wordpress.org/trunk@41667 git-svn-id: http://core.svn.wordpress.org/trunk@41501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-01 23:37:46 -04:00
body:not(.ready) #publish-settings,
body.trashing #customize-save-button-wrapper .save,
body.trashing #publish-settings {
display: none;
}
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-09 19:27:10 -05:00
#customize-header-actions .spinner {
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 11:42:28 -04:00
margin-top: 13px;
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-09 19:27:10 -05:00
margin-right: 4px;
}
Customize: Add infrastructure for trashing/reverting of unpublished changes; introduce full-screen `OverlayNotification` for trashing and theme install/preview. * Introduce a new `wp.customize.previewer.trash()` JS API to trash the current changeset, along with logic to `WP_Customize_Manager` to handle deleting changeset drafts. * Add `trashing` to `wp.customize.state` which is then used to update the UI. * UI for trashing is pending design feedback. One possibility is to add a new trash button to Publish Settings section that invokes `wp.customize.previewer.trash()`. * Improve logic for managing the visibility and disabled states for publish buttons. * Prevent attempting `requestChangesetUpdate` while processing and bump processing while doing `save`. * Update `changeset_date` state only if sent in save response. * Merge `ThemesSection#loadThemePreview()` into `ThemesPanel#loadThemePreview()`. * Remove unused `autosaved` state. * Start autosaving and prompting at beforeunload after a change first happens. This is key for theme previews since even if a user did not make any changes, there were still dirty settings which would get stored in an auto-draft unexpectedly. * Allow `Notification` to accept additional `classes` to be added to `container`. * Introduce `OverlayNotification` and use for theme installing, previewing, and trashing. Such overlay notifications take over the entire window. Props westonruter, celloexpressions. See #37661, #39896, #21666, #35210. Built from https://develop.svn.wordpress.org/trunk@41667 git-svn-id: http://core.svn.wordpress.org/trunk@41501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-01 23:37:46 -04:00
.saving #customize-header-actions .spinner,
.trashing #customize-header-actions .spinner {
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 11:42:28 -04:00
visibility: visible;
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-09 19:27:10 -05:00
}
Clearer visual differentiation between panels and sections in the customizer. props celloexpressions. see #28979. Built from https://develop.svn.wordpress.org/trunk@29470 git-svn-id: http://core.svn.wordpress.org/trunk@29248 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 21:18:15 -04:00
#customize-header-actions {
border-bottom: 1px solid #ddd;
}
Customizer: Introduce a "panel" API to organize multiple sections into a one section. Create a panel via `$GLOBALS['wp_customize']->add_panel( $panel_id, $args )` and use `$panel_id` for the `panel` argument in `$GLOBALS['wp_customize']->add_section( $section_id, $args )`. That's it. As an example all widget area sections are now summarized into one panel. Feedback appreciated. props celloexpressions. see #27406. Built from https://develop.svn.wordpress.org/trunk@28861 git-svn-id: http://core.svn.wordpress.org/trunk@28662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-26 16:17:15 -04:00
#customize-controls .wp-full-overlay-sidebar-content {
overflow-y: auto;
overflow-x: hidden;
}
Customize: Improve keyboard accessibility for publish settings section. Props sayedwp. See #39896. Fixes #42027. Built from https://develop.svn.wordpress.org/trunk@41802 git-svn-id: http://core.svn.wordpress.org/trunk@41636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-09 19:01:46 -04:00
.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
background: #eee;
}
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 09:57:26 -04:00
#customize-controls .customize-info {
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-09 19:27:10 -05:00
border: none;
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 09:57:26 -04:00
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
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-09 19:27:10 -05:00
}
Customize: Allow controls to be created with pre-instantiated `Setting` object(s), or even with plain `Value` object(s). * Allow passing settings in keyed object (e.g. `settings: { default: 'id' } ), or as an array (e.g. `settings: [ 'id' ]`) with first being default; again, `Setting`/`Value` objects may be supplied instead of IDs. * Allow a single setting to be supplied with just a single `setting` param, either a string or a `Setting`/`Value` object. * Update `changeset_status` and `scheduled_changeset_date` to be added dynamically with JS and simply passing of `api.state()` instances as `setting`. * Introduce a `data-customize-setting-key-link` attribute which, unlike `data-customize-setting-link`, allows passing the setting key (e.g. `default`) as opposed to the setting ID. * Allow `WP_Customize_Control::get_link()` to return `data-customize-setting-key-link` when setting is not registered. * Eliminate `default_value` from `WP_Customize_Date_Time_Control` since now comes from supplied `Value`. * Export status choices as `wp.customize.settings.changeset.statusChoices`. * Export date and time formats as `wp.customize.settings.dateFormat` and `wp.customize.settings.timeFormat` respectively. Props westonruter, sayedwp. See #39896, #30738, #30741, #42083. Fixes #37964, #36167. Built from https://develop.svn.wordpress.org/trunk@41750 git-svn-id: http://core.svn.wordpress.org/trunk@41584 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 16:02:49 -04:00
#customize-control-changeset_status .customize-inside-control-row,
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-control-changeset_preview_link input {
background-color: #ffffff;
border-bottom: 1px solid #ddd;
box-sizing: content-box;
width: 100%;
margin-left: -12px;
padding-left: 12px;
padding-right: 12px;
}
Customize: Add infrastructure for trashing/reverting of unpublished changes; introduce full-screen `OverlayNotification` for trashing and theme install/preview. * Introduce a new `wp.customize.previewer.trash()` JS API to trash the current changeset, along with logic to `WP_Customize_Manager` to handle deleting changeset drafts. * Add `trashing` to `wp.customize.state` which is then used to update the UI. * UI for trashing is pending design feedback. One possibility is to add a new trash button to Publish Settings section that invokes `wp.customize.previewer.trash()`. * Improve logic for managing the visibility and disabled states for publish buttons. * Prevent attempting `requestChangesetUpdate` while processing and bump processing while doing `save`. * Update `changeset_date` state only if sent in save response. * Merge `ThemesSection#loadThemePreview()` into `ThemesPanel#loadThemePreview()`. * Remove unused `autosaved` state. * Start autosaving and prompting at beforeunload after a change first happens. This is key for theme previews since even if a user did not make any changes, there were still dirty settings which would get stored in an auto-draft unexpectedly. * Allow `Notification` to accept additional `classes` to be added to `container`. * Introduce `OverlayNotification` and use for theme installing, previewing, and trashing. Such overlay notifications take over the entire window. Props westonruter, celloexpressions. See #37661, #39896, #21666, #35210. Built from https://develop.svn.wordpress.org/trunk@41667 git-svn-id: http://core.svn.wordpress.org/trunk@41501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-01 23:37:46 -04:00
#customize-control-trash_changeset {
margin-top: 20px;
}
Customize: Add default control template for standard input types. Re-use default template instead of introducing custom one for the Discard Changes button. See #30738. Built from https://develop.svn.wordpress.org/trunk@41771 git-svn-id: http://core.svn.wordpress.org/trunk@41605 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 22:56:47 -04:00
#customize-control-trash_changeset .button-link {
Customize: Add infrastructure for trashing/reverting of unpublished changes; introduce full-screen `OverlayNotification` for trashing and theme install/preview. * Introduce a new `wp.customize.previewer.trash()` JS API to trash the current changeset, along with logic to `WP_Customize_Manager` to handle deleting changeset drafts. * Add `trashing` to `wp.customize.state` which is then used to update the UI. * UI for trashing is pending design feedback. One possibility is to add a new trash button to Publish Settings section that invokes `wp.customize.previewer.trash()`. * Improve logic for managing the visibility and disabled states for publish buttons. * Prevent attempting `requestChangesetUpdate` while processing and bump processing while doing `save`. * Update `changeset_date` state only if sent in save response. * Merge `ThemesSection#loadThemePreview()` into `ThemesPanel#loadThemePreview()`. * Remove unused `autosaved` state. * Start autosaving and prompting at beforeunload after a change first happens. This is key for theme previews since even if a user did not make any changes, there were still dirty settings which would get stored in an auto-draft unexpectedly. * Allow `Notification` to accept additional `classes` to be added to `container`. * Introduce `OverlayNotification` and use for theme installing, previewing, and trashing. Such overlay notifications take over the entire window. Props westonruter, celloexpressions. See #37661, #39896, #21666, #35210. Built from https://develop.svn.wordpress.org/trunk@41667 git-svn-id: http://core.svn.wordpress.org/trunk@41501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-01 23:37:46 -04:00
position: relative;
padding-left: 24px;
display: inline-block;
}
Customize: Add default control template for standard input types. Re-use default template instead of introducing custom one for the Discard Changes button. See #30738. Built from https://develop.svn.wordpress.org/trunk@41771 git-svn-id: http://core.svn.wordpress.org/trunk@41605 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 22:56:47 -04:00
#customize-control-trash_changeset .button-link:before {
Customize: Add infrastructure for trashing/reverting of unpublished changes; introduce full-screen `OverlayNotification` for trashing and theme install/preview. * Introduce a new `wp.customize.previewer.trash()` JS API to trash the current changeset, along with logic to `WP_Customize_Manager` to handle deleting changeset drafts. * Add `trashing` to `wp.customize.state` which is then used to update the UI. * UI for trashing is pending design feedback. One possibility is to add a new trash button to Publish Settings section that invokes `wp.customize.previewer.trash()`. * Improve logic for managing the visibility and disabled states for publish buttons. * Prevent attempting `requestChangesetUpdate` while processing and bump processing while doing `save`. * Update `changeset_date` state only if sent in save response. * Merge `ThemesSection#loadThemePreview()` into `ThemesPanel#loadThemePreview()`. * Remove unused `autosaved` state. * Start autosaving and prompting at beforeunload after a change first happens. This is key for theme previews since even if a user did not make any changes, there were still dirty settings which would get stored in an auto-draft unexpectedly. * Allow `Notification` to accept additional `classes` to be added to `container`. * Introduce `OverlayNotification` and use for theme installing, previewing, and trashing. Such overlay notifications take over the entire window. Props westonruter, celloexpressions. See #37661, #39896, #21666, #35210. Built from https://develop.svn.wordpress.org/trunk@41667 git-svn-id: http://core.svn.wordpress.org/trunk@41501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-01 23:37:46 -04:00
content: "\f182";
font: normal 22px dashicons;
text-decoration: none;
position: absolute;
left: 0;
top: -2px;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-controls .date-input:invalid {
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
border-color: #dc3232;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
}
Customize: Allow controls to be created with pre-instantiated `Setting` object(s), or even with plain `Value` object(s). * Allow passing settings in keyed object (e.g. `settings: { default: 'id' } ), or as an array (e.g. `settings: [ 'id' ]`) with first being default; again, `Setting`/`Value` objects may be supplied instead of IDs. * Allow a single setting to be supplied with just a single `setting` param, either a string or a `Setting`/`Value` object. * Update `changeset_status` and `scheduled_changeset_date` to be added dynamically with JS and simply passing of `api.state()` instances as `setting`. * Introduce a `data-customize-setting-key-link` attribute which, unlike `data-customize-setting-link`, allows passing the setting key (e.g. `default`) as opposed to the setting ID. * Allow `WP_Customize_Control::get_link()` to return `data-customize-setting-key-link` when setting is not registered. * Eliminate `default_value` from `WP_Customize_Date_Time_Control` since now comes from supplied `Value`. * Export status choices as `wp.customize.settings.changeset.statusChoices`. * Export date and time formats as `wp.customize.settings.dateFormat` and `wp.customize.settings.timeFormat` respectively. Props westonruter, sayedwp. See #39896, #30738, #30741, #42083. Fixes #37964, #36167. Built from https://develop.svn.wordpress.org/trunk@41750 git-svn-id: http://core.svn.wordpress.org/trunk@41584 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 16:02:49 -04:00
#customize-control-changeset_status .customize-inside-control-row {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
}
Customize: Allow controls to be created with pre-instantiated `Setting` object(s), or even with plain `Value` object(s). * Allow passing settings in keyed object (e.g. `settings: { default: 'id' } ), or as an array (e.g. `settings: [ 'id' ]`) with first being default; again, `Setting`/`Value` objects may be supplied instead of IDs. * Allow a single setting to be supplied with just a single `setting` param, either a string or a `Setting`/`Value` object. * Update `changeset_status` and `scheduled_changeset_date` to be added dynamically with JS and simply passing of `api.state()` instances as `setting`. * Introduce a `data-customize-setting-key-link` attribute which, unlike `data-customize-setting-link`, allows passing the setting key (e.g. `default`) as opposed to the setting ID. * Allow `WP_Customize_Control::get_link()` to return `data-customize-setting-key-link` when setting is not registered. * Eliminate `default_value` from `WP_Customize_Date_Time_Control` since now comes from supplied `Value`. * Export status choices as `wp.customize.settings.changeset.statusChoices`. * Export date and time formats as `wp.customize.settings.dateFormat` and `wp.customize.settings.timeFormat` respectively. Props westonruter, sayedwp. See #39896, #30738, #30741, #42083. Fixes #37964, #36167. Built from https://develop.svn.wordpress.org/trunk@41750 git-svn-id: http://core.svn.wordpress.org/trunk@41584 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 16:02:49 -04:00
#customize-control-changeset_status .customize-inside-control-row:first-of-type {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
border-top: 1px solid #ddd;
}
#customize-control-changeset_status .customize-control-title {
margin-bottom: 6px;
}
#customize-control-changeset_status input {
margin-left: 0;
}
#customize-control-changeset_preview_link {
position: relative;
display: block;
}
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
margin: 0;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
position: absolute;
bottom: 9px;
right: 0;
}
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
.preview-link-wrapper {
position: relative;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
.customize-copy-preview-link:before,
.customize-copy-preview-link:after {
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
content: "";
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
height: 28px;
position: absolute;
background: #ffffff;
top: -1px;
}
.customize-copy-preview-link:before {
left: -10px;
width: 9px;
opacity: 0.75;
}
.customize-copy-preview-link:after {
left: -5px;
width: 4px;
opacity: 0.8;
}
#customize-control-changeset_preview_link input {
line-height: 2.5;
border-top: 1px solid #ddd;
border-left: none;
border-right: none;
text-indent: -999px;
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
color: #fff;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
}
#customize-control-changeset_preview_link label {
position: relative;
display: block;
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
#customize-control-changeset_preview_link a {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
display: inline-block;
position: absolute;
white-space: nowrap;
overflow: hidden;
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
width: 90%;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
bottom: 14px;
font-size: 14px;
text-decoration: none;
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
#customize-control-changeset_preview_link a.disabled,
#customize-control-changeset_preview_link a.disabled:active,
#customize-control-changeset_preview_link a.disabled:focus,
#customize-control-changeset_preview_link a.disabled:visited {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
color: black;
opacity: 0.4;
cursor: default;
outline: none;
box-shadow: none;
}
#sub-accordion-section-publish_settings .customize-section-description-container {
display: none;
}
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
#customize-controls .customize-info.section-meta {
margin-bottom: 15px;
}
Customize: Improve styling of date/time Customizer control. * Let date `legend` be screen reader text when time is not included. * Skip rendering containers for label (title) and description when not supplied in registered control. * Fix margins and padding. Amends [41670]. Props westonruter, afercia, sayedwp. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41672 git-svn-id: http://core.svn.wordpress.org/trunk@41506 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 13:34:47 -04:00
.customize-control-date_time .customize-control-description + .date-time-fields.includes-time {
margin-top: 10px;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
.customize-control.customize-control-date_time .date-time-fields .date-input,
.customize-control.customize-control-date_time .date-time-fields .date-time-separator {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
float: left;
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
margin-right: 5px;
}
Customize: Improve styling of date/time Customizer control. * Let date `legend` be screen reader text when time is not included. * Skip rendering containers for label (title) and description when not supplied in registered control. * Fix margins and padding. Amends [41670]. Props westonruter, afercia, sayedwp. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41672 git-svn-id: http://core.svn.wordpress.org/trunk@41506 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 13:34:47 -04:00
.customize-control.customize-control-date_time .date-time-fields .date-input.day {
margin-right: 0;
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
.date-time-fields .date-input.month {
width: auto;
margin: 0;
}
.date-time-fields .date-input.day,
.date-time-fields .date-input.hour,
.date-time-fields .date-input.minute {
width: 46px;
}
.date-time-fields .date-input.year {
width: 60px;
}
.date-time-fields .date-input.meridian {
width: auto;
margin: 0;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
}
.date-time-fields .date-time-separator {
line-height: 2;
}
.date-time-fields .time-row {
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
margin-top: 12px;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
}
.date-time-fields .date-timezone {
float: left;
line-height: 2.2;
text-decoration: none;
}
#customize-control-changeset_preview_link {
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
margin-top: 6px;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
}
#customize-control-changeset_status {
margin-bottom: 0;
padding-bottom: 0;
}
#customize-control-changeset_scheduled_date {
box-sizing: content-box;
width: 100%;
margin-left: -12px;
Customize: Fix positioning of device-previewed window when publish settings are open. * Update date control padding. * Collapse publish settings section when opening panes for available widgets or nav menus. * Remove save and cog buttons in mobile preview only mode. * Move definition of `wp.customize.previewedDevice` to `wp.customize.state('previewedDevice')` for centralization, maintaining old alias. * Remove unused CSS because the section is inside form now. Props sayedwp, westonruter. See #39896. Fixes #42027, #42199. Built from https://develop.svn.wordpress.org/trunk@41860 git-svn-id: http://core.svn.wordpress.org/trunk@41694 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 17:21:55 -04:00
padding: 12px;
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
background: #ffffff;
border-bottom: 1px solid #ddd;
margin-bottom: 0;
}
#customize-control-changeset_scheduled_date .customize-control-description {
font-style: normal;
}
Customize: Add sticky headers for panels and sections. Includes autoprefixing of CSS. Props delawski, celloexpressions. See #35186. Fixes #34343. Built from https://develop.svn.wordpress.org/trunk@38853 git-svn-id: http://core.svn.wordpress.org/trunk@38796 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-21 02:37:30 -04:00
#customize-controls .customize-info.is-in-view,
#customize-controls .customize-section-title.is-in-view {
position: absolute;
z-index: 9;
width: 100%;
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}
#customize-controls .customize-section-title.is-in-view {
margin-top: 0;
}
#customize-controls .customize-info.is-in-view + .accordion-section {
margin-top: 15px;
}
#customize-controls .customize-info.is-sticky,
#customize-controls .customize-section-title.is-sticky {
position: fixed;
top: 46px;
}
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 09:57:26 -04:00
#customize-controls .customize-info .accordion-section-title {
background: #fff;
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 13:11:31 -05:00
color: #555d66;
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-09 19:27:10 -05:00
border-left: none;
border-right: none;
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 09:57:26 -04:00
border-bottom: none;
cursor: default;
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-09 19:27:10 -05:00
}
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 09:57:26 -04:00
#customize-controls .customize-info.open .accordion-section-title:after,
#customize-controls .customize-info .accordion-section-title:hover:after,
#customize-controls .customize-info .accordion-section-title:focus:after {
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 13:11:31 -05:00
color: #32373c;
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-09 19:27:10 -05:00
}
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 09:57:26 -04:00
#customize-controls .customize-info .accordion-section-title:after {
display: none;
}
#customize-controls .customize-info .preview-notice {
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-22 20:04:18 -04:00
font-size: 13px;
line-height: 24px;
}
Customize: Re-architect and harden panel/section UI logic. Removes contents for sections and panels from being logically nested (in the DOM) in order to eliminate many issues related to using `margin-top` hacks. The element containing the link to expand the content element for panels and sections is now a sibling element to its content element: the content is removed from being nested at initialization. The content element is now available in a `contentContainer` property whereas the head element (containing the link to open the construct) is in a `headContainer` property. The existing `container` property is now a jQuery collection that contains both of these elements. Since the head element is no longer in an ancestor element to the `content` element, the `aria-owns` property is now used to maintain the relationship between the `headContainer` and the `contentContainer`. These changes are also accompanied by an improvement to the animation performance for the sliding panes. Props delawski, celloexpressions. Fixes #34391. Fixes #34344. Fixes #35947. Built from https://develop.svn.wordpress.org/trunk@38648 git-svn-id: http://core.svn.wordpress.org/trunk@38591 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-23 18:23:30 -04:00
#customize-controls .customize-pane-child .customize-section-title h3,
#customize-controls .customize-pane-child h3.customize-section-title,
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
#customize-outer-theme-controls .customize-pane-child h3.customize-section-title,
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 09:57:26 -04:00
#customize-controls .customize-info .panel-title {
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-22 20:04:18 -04:00
font-size: 20px;
font-weight: 200;
Customizer: Adjust styles on panel titles to prevent descenders – such as with the letters g, j, p, q, or y – from getting cut off in some browsers. Props umeshnevase. Fixes #33575. Built from https://develop.svn.wordpress.org/trunk@35511 git-svn-id: http://core.svn.wordpress.org/trunk@35475 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-04 13:53:26 -05:00
line-height: 26px;
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-22 20:04:18 -04:00
display: block;
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 09:57:26 -04:00
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
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-22 20:04:18 -04:00
}
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 09:57:26 -04:00
#customize-controls .customize-section-title span.customize-action {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
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-22 20:04:18 -04:00
}
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 09:57:26 -04:00
#customize-controls .customize-info .customize-help-toggle {
position: absolute;
top: 4px;
right: 1px;
padding: 20px 20px 10px 10px;
width: 20px;
height: 20px;
cursor: pointer;
box-shadow: none;
-webkit-appearance: none;
background: transparent;
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 13:11:31 -05:00
color: #555d66;
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 09:57:26 -04:00
border: none;
}
#customize-controls .customize-info .customize-help-toggle:before {
position: absolute;
top: 5px;
Customizer: Improve focus styles for screen option and help toggles. Props ocean90. See #33181. Built from https://develop.svn.wordpress.org/trunk@33510 git-svn-id: http://core.svn.wordpress.org/trunk@33477 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-29 19:25:25 -04:00
left: 6px;
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 09:57:26 -04:00
}
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
}
Customizer: Always show Widgets panel initially if sidebars are registered; show notice to users in panel if no widget areas are in current preview. Widgets panel will not wait to display until the preview loads. Also fixes problems with `margin-top` in panels where other panels' `active` states change, as well as ensuring sections of deactivated panel collapse before panel is hidden to prevent the pane from becoming empty of controls. Fixes #33052. Fixes #33567. Built from https://develop.svn.wordpress.org/trunk@35231 git-svn-id: http://core.svn.wordpress.org/trunk@35197 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-16 19:48:25 -04:00
#customize-controls .customize-info .customize-panel-description,
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
#customize-controls .customize-info .customize-section-description,
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-outer-theme-controls .customize-info .customize-section-description,
Customizer: Always show Widgets panel initially if sidebars are registered; show notice to users in panel if no widget areas are in current preview. Widgets panel will not wait to display until the preview loads. Also fixes problems with `margin-top` in panels where other panels' `active` states change, as well as ensuring sections of deactivated panel collapse before panel is hidden to prevent the pane from becoming empty of controls. Fixes #33052. Fixes #33567. Built from https://develop.svn.wordpress.org/trunk@35231 git-svn-id: http://core.svn.wordpress.org/trunk@35197 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-16 19:48:25 -04:00
#customize-controls .no-widget-areas-rendered-notice {
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 13:11:31 -05:00
color: #555d66;
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 09:57:26 -04:00
display: none;
background: #fff;
padding: 12px 15px;
border-top: 1px solid #ddd;
}
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
Customizer: Always show Widgets panel initially if sidebars are registered; show notice to users in panel if no widget areas are in current preview. Widgets panel will not wait to display until the preview loads. Also fixes problems with `margin-top` in panels where other panels' `active` states change, as well as ensuring sections of deactivated panel collapse before panel is hidden to prevent the pane from becoming empty of controls. Fixes #33052. Fixes #33567. Built from https://develop.svn.wordpress.org/trunk@35231 git-svn-id: http://core.svn.wordpress.org/trunk@35197 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-16 19:48:25 -04:00
#customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice {
border-top: none;
}
Customize: Show notice in Widgets panel when there are additional widget areas not rendered in preview. This extends the existing behavior which only showed a message only when there were no widget areas rendered in the preview. The number of non-rendered widget areas is indicated. Also removes needles deletion of `wp.customize.Widgets.data.l10n` property which hindered plugins. See #33567, #33052. Fixes #39087. Built from https://develop.svn.wordpress.org/trunk@40312 git-svn-id: http://core.svn.wordpress.org/trunk@40219 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-03-22 15:03:45 -04:00
.no-widget-areas-rendered-notice {
font-style: italic;
}
.no-widget-areas-rendered-notice p:first-child {
margin-top: 0;
}
.no-widget-areas-rendered-notice p:last-child {
margin-bottom: 0;
}
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 09:57:26 -04:00
Customize: Fix positioning of device-previewed window when publish settings are open. * Update date control padding. * Collapse publish settings section when opening panes for available widgets or nav menus. * Remove save and cog buttons in mobile preview only mode. * Move definition of `wp.customize.previewedDevice` to `wp.customize.state('previewedDevice')` for centralization, maintaining old alias. * Remove unused CSS because the section is inside form now. Props sayedwp, westonruter. See #39896. Fixes #42027, #42199. Built from https://develop.svn.wordpress.org/trunk@41860 git-svn-id: http://core.svn.wordpress.org/trunk@41694 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 17:21:55 -04:00
#customize-controls .customize-info .customize-section-description {
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
margin-bottom: 15px;
}
#customize-controls .customize-info .customize-panel-description p:first-child,
#customize-controls .customize-info .customize-section-description p:first-child {
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 09:57:26 -04:00
margin-top: 0;
}
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
#customize-controls .customize-info .customize-panel-description p:last-child,
#customize-controls .customize-info .customize-section-description p:last-child {
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 09:57:26 -04:00
margin-bottom: 0;
}
#customize-controls .current-panel .control-section > h3.accordion-section-title {
padding-right: 30px;
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-22 20:04:18 -04:00
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-theme-controls .control-section,
#customize-outer-theme-controls .control-section {
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-09 19:27:10 -05:00
border: none;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-theme-controls .accordion-section-title,
#customize-outer-theme-controls .accordion-section-title {
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 13:11:31 -05:00
color: #555d66;
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-09 19:27:10 -05:00
background-color: #fff;
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 13:11:31 -05:00
border-bottom: 1px solid #ddd;
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 12:15:29 -04:00
border-left: 4px solid #fff;
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 13:11:31 -05:00
transition: .15s color ease-in-out,
.15s background-color ease-in-out,
.15s border-color ease-in-out;
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 09:57:26 -04:00
}
Customize: Fix loading of theme screenshots in themes section and remove erroneous borders on hover. Fixes regressions introduced in [38648]. Props delawski, mckernanin. See #34391. Fixes #38222. Built from https://develop.svn.wordpress.org/trunk@39153 git-svn-id: http://core.svn.wordpress.org/trunk@39093 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-07 16:47:30 -05:00
#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
color: #555;
background-color: #fff;
border-left: 4px solid #fff;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-theme-controls .accordion-section-title:after,
#customize-outer-theme-controls .accordion-section-title:after {
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 09:57:26 -04:00
content: "\f345";
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 16:44:26 -05:00
color: #a0a5aa;
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 09:57:26 -04:00
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-theme-controls .accordion-section-content,
#customize-outer-theme-controls .accordion-section-content {
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 13:11:31 -05:00
color: #555d66;
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 09:57:26 -04:00
background: transparent;
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-22 20:04:18 -04:00
}
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 09:57:26 -04:00
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
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 13:11:31 -05:00
color: #0073aa;
background: #f3f3f5;
border-left-color: #0073aa;
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 12:15:29 -04:00
}
#accordion-section-themes + .control-section {
border-top: 1px solid #ddd;
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-22 20:04:18 -04:00
}
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-09 19:27:10 -05:00
.js .control-section:hover .accordion-section-title,
.js .control-section .accordion-section-title:hover,
.js .control-section.open .accordion-section-title,
.js .control-section .accordion-section-title:focus {
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 13:11:31 -05:00
background: #f3f3f5;
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-22 20:04:18 -04:00
}
IE8 doesn't support `::before` and `::after` pseudo-elements. Replace them with `:before` and `:after`. props andrezrv, DrewAPicture, ocean90. fixes #28082. Built from https://develop.svn.wordpress.org/trunk@29314 git-svn-id: http://core.svn.wordpress.org/trunk@29095 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-28 11:52:17 -04:00
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
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 13:11:31 -05:00
color: #0073aa;
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-09 19:27:10 -05:00
}
#customize-theme-controls .control-section.open {
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 09:57:26 -04:00
border-bottom: 1px solid #eee;
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-09 19:27:10 -05:00
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#customize-theme-controls .control-section.open .accordion-section-title,
#customize-outer-theme-controls .control-section.open .accordion-section-title {
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 09:57:26 -04:00
border-bottom-color: #eee !important;
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-09 19:27:10 -05:00
}
#customize-theme-controls .control-section:last-of-type.open,
Customizer: Mixed priority sorting for panels and top-level sections. props celloexpressions. fixes #28979. Built from https://develop.svn.wordpress.org/trunk@29488 git-svn-id: http://core.svn.wordpress.org/trunk@29266 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-14 00:43:16 -04:00
#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
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-09 19:27:10 -05:00
border-bottom-color: #ddd;
}
Customize: Improve the menu creation flow. Often, folks run into two issues when they create new menus: they click "Add a Menu" thinking it will add a new page to their menu, or they forget to assign their new menu to a location, and then wonder why it doesn't show up on their site. This commit rearranges the order of items in the menu panel, and updates the flow for creating a menu by breaking it up into steps. Additionally, more help text has been added to guide people through the process of creating a menu. Also adds default `type` lookups for Panel and Section instances. See #30741. Props bpayton, obenland, westonruter, celloexpessions, afercia, melchoyce, zoonini, michelleweber. Fixes #40104. Built from https://develop.svn.wordpress.org/trunk@41768 git-svn-id: http://core.svn.wordpress.org/trunk@41602 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 22:22:49 -04:00
#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),
#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,
#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
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 12:15:29 -04:00
border-top: 1px solid #ddd;
}
Customize: Improve the menu creation flow. Often, folks run into two issues when they create new menus: they click "Add a Menu" thinking it will add a new page to their menu, or they forget to assign their new menu to a location, and then wonder why it doesn't show up on their site. This commit rearranges the order of items in the menu panel, and updates the flow for creating a menu by breaking it up into steps. Additionally, more help text has been added to guide people through the process of creating a menu. Also adds default `type` lookups for Panel and Section instances. See #30741. Props bpayton, obenland, westonruter, celloexpessions, afercia, melchoyce, zoonini, michelleweber. Fixes #40104. Built from https://develop.svn.wordpress.org/trunk@41768 git-svn-id: http://core.svn.wordpress.org/trunk@41602 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 22:22:49 -04:00
#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu {
border-top: none;
}
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 09:57:26 -04:00
#customize-theme-controls > ul {
margin: 0;
}
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-09 19:27:10 -05:00
#customize-theme-controls .accordion-section-content {
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 09:57:26 -04:00
position: absolute;
top: 0;
Customizer: Replace usage of `calc()` with `box-sizing: border-box`. IE8 doesn't support `calc()`. props afercia. see #31336. fixes #32664. Built from https://develop.svn.wordpress.org/trunk@32821 git-svn-id: http://core.svn.wordpress.org/trunk@32792 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-17 15:35:28 -04:00
left: 100%;
width: 100%;
margin: 0;
Customizer: Adjust styles on panel titles to prevent descenders – such as with the letters g, j, p, q, or y – from getting cut off in some browsers. Props umeshnevase. Fixes #33575. Built from https://develop.svn.wordpress.org/trunk@35511 git-svn-id: http://core.svn.wordpress.org/trunk@35475 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-04 13:53:26 -05:00
padding: 12px;
Customizer: Replace usage of `calc()` with `box-sizing: border-box`. IE8 doesn't support `calc()`. props afercia. see #31336. fixes #32664. Built from https://develop.svn.wordpress.org/trunk@32821 git-svn-id: http://core.svn.wordpress.org/trunk@32792 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-06-17 15:35:28 -04:00
box-sizing: border-box;
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-22 20:04:18 -04:00
}
Customize: Re-architect and harden panel/section UI logic. Removes contents for sections and panels from being logically nested (in the DOM) in order to eliminate many issues related to using `margin-top` hacks. The element containing the link to expand the content element for panels and sections is now a sibling element to its content element: the content is removed from being nested at initialization. The content element is now available in a `contentContainer` property whereas the head element (containing the link to open the construct) is in a `headContainer` property. The existing `container` property is now a jQuery collection that contains both of these elements. Since the head element is no longer in an ancestor element to the `content` element, the `aria-owns` property is now used to maintain the relationship between the `headContainer` and the `contentContainer`. These changes are also accompanied by an improvement to the animation performance for the sliding panes. Props delawski, celloexpressions. Fixes #34391. Fixes #34344. Fixes #35947. Built from https://develop.svn.wordpress.org/trunk@38648 git-svn-id: http://core.svn.wordpress.org/trunk@38591 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-23 18:23:30 -04:00
#customize-info,
#customize-theme-controls .customize-pane-parent,
#customize-theme-controls .customize-pane-child {
overflow: visible;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
transition: 0.18s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1);
transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1);
transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1), 0.18s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
}
Customize: Auto-expand a widget area section when expanding the Widgets panel if there is only one registered sidebar and it is active. Introduces `WP_Customize_Panel::$auto_expand_sole_section` property which allows panels to opt-in to the behavior, which the Widgets panel is made to do by default. Props delawski, westonruter, melchoyce. Fixes #37471. Built from https://develop.svn.wordpress.org/trunk@40395 git-svn-id: http://core.svn.wordpress.org/trunk@40302 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-04-07 15:27:40 -04:00
#customize-theme-controls .customize-pane-child.skip-transition {
transition: none;
}
Customize: Re-architect and harden panel/section UI logic. Removes contents for sections and panels from being logically nested (in the DOM) in order to eliminate many issues related to using `margin-top` hacks. The element containing the link to expand the content element for panels and sections is now a sibling element to its content element: the content is removed from being nested at initialization. The content element is now available in a `contentContainer` property whereas the head element (containing the link to open the construct) is in a `headContainer` property. The existing `container` property is now a jQuery collection that contains both of these elements. Since the head element is no longer in an ancestor element to the `content` element, the `aria-owns` property is now used to maintain the relationship between the `headContainer` and the `contentContainer`. These changes are also accompanied by an improvement to the animation performance for the sliding panes. Props delawski, celloexpressions. Fixes #34391. Fixes #34344. Fixes #35947. Built from https://develop.svn.wordpress.org/trunk@38648 git-svn-id: http://core.svn.wordpress.org/trunk@38591 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-23 18:23:30 -04:00
#customize-info,
#customize-theme-controls .customize-pane-parent {
position: relative;
visibility: visible;
height: auto;
max-height: none;
overflow: auto;
-webkit-transform: none;
transform: none;
}
#customize-theme-controls .customize-pane-child {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
height: 0;
max-height: none;
overflow: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
#customize-theme-controls .customize-pane-child.open,
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
#customize-theme-controls .customize-pane-child.current-panel {
Customize: Re-architect and harden panel/section UI logic. Removes contents for sections and panels from being logically nested (in the DOM) in order to eliminate many issues related to using `margin-top` hacks. The element containing the link to expand the content element for panels and sections is now a sibling element to its content element: the content is removed from being nested at initialization. The content element is now available in a `contentContainer` property whereas the head element (containing the link to open the construct) is in a `headContainer` property. The existing `container` property is now a jQuery collection that contains both of these elements. Since the head element is no longer in an ancestor element to the `content` element, the `aria-owns` property is now used to maintain the relationship between the `headContainer` and the `contentContainer`. These changes are also accompanied by an improvement to the animation performance for the sliding panes. Props delawski, celloexpressions. Fixes #34391. Fixes #34344. Fixes #35947. Built from https://develop.svn.wordpress.org/trunk@38648 git-svn-id: http://core.svn.wordpress.org/trunk@38591 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-23 18:23:30 -04:00
-webkit-transform: none;
transform: none;
}
.section-open #customize-theme-controls .customize-pane-parent,
.in-sub-panel #customize-theme-controls .customize-pane-parent,
.section-open #customize-info,
.in-sub-panel #customize-info,
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.in-sub-panel.section-open #customize-theme-controls .customize-pane-child.current-panel {
Customize: Re-architect and harden panel/section UI logic. Removes contents for sections and panels from being logically nested (in the DOM) in order to eliminate many issues related to using `margin-top` hacks. The element containing the link to expand the content element for panels and sections is now a sibling element to its content element: the content is removed from being nested at initialization. The content element is now available in a `contentContainer` property whereas the head element (containing the link to open the construct) is in a `headContainer` property. The existing `container` property is now a jQuery collection that contains both of these elements. Since the head element is no longer in an ancestor element to the `content` element, the `aria-owns` property is now used to maintain the relationship between the `headContainer` and the `contentContainer`. These changes are also accompanied by an improvement to the animation performance for the sliding panes. Props delawski, celloexpressions. Fixes #34391. Fixes #34344. Fixes #35947. Built from https://develop.svn.wordpress.org/trunk@38648 git-svn-id: http://core.svn.wordpress.org/trunk@38591 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-23 18:23:30 -04:00
visibility: hidden;
height: 0;
overflow: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.section-open #customize-theme-controls .customize-pane-parent.busy,
.in-sub-panel #customize-theme-controls .customize-pane-parent.busy,
.section-open #customize-info.busy,
.in-sub-panel #customize-info.busy,
.busy.section-open.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel,
#customize-theme-controls .customize-pane-child.open,
#customize-theme-controls .customize-pane-child.current-panel,
#customize-theme-controls .customize-pane-child.busy {
visibility: visible;
height: auto;
overflow: auto;
}
#customize-theme-controls .customize-pane-child.accordion-section-content,
#customize-theme-controls .customize-pane-child.accordion-sub-container {
display: block;
overflow-x: hidden;
}
#customize-theme-controls .customize-pane-child.accordion-section-content {
padding: 12px;
}
Customize: Add sticky headers for panels and sections. Includes autoprefixing of CSS. Props delawski, celloexpressions. See #35186. Fixes #34343. Built from https://develop.svn.wordpress.org/trunk@38853 git-svn-id: http://core.svn.wordpress.org/trunk@38796 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-21 02:37:30 -04:00
#customize-theme-controls .customize-pane-child.menu li {
position: static;
}
Customize: Improve the menu creation flow. Often, folks run into two issues when they create new menus: they click "Add a Menu" thinking it will add a new page to their menu, or they forget to assign their new menu to a location, and then wonder why it doesn't show up on their site. This commit rearranges the order of items in the menu panel, and updates the flow for creating a menu by breaking it up into steps. Additionally, more help text has been added to guide people through the process of creating a menu. Also adds default `type` lookups for Panel and Section instances. See #30741. Props bpayton, obenland, westonruter, celloexpessions, afercia, melchoyce, zoonini, michelleweber. Fixes #40104. Built from https://develop.svn.wordpress.org/trunk@41768 git-svn-id: http://core.svn.wordpress.org/trunk@41602 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 22:22:49 -04:00
.customize-section-description-container,
Customize: Vary description for nav menu locations control based on whether it is shown during menu creation. Also fix issue with initial visibility of notice when there are no menus. Amends [41823]. Props bpayton, melchoyce, westonruter. See #42116. Fixes #42113. Built from https://develop.svn.wordpress.org/trunk@41832 git-svn-id: http://core.svn.wordpress.org/trunk@41666 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-11 15:38:50 -04:00
.control-section-nav_menu .customize-section-description-container,
.control-section-new_menu .customize-section-description-container {
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 09:57:26 -04:00
margin-bottom: 15px;
Clearer visual differentiation between panels and sections in the customizer. props celloexpressions. see #28979. Built from https://develop.svn.wordpress.org/trunk@29470 git-svn-id: http://core.svn.wordpress.org/trunk@29248 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 21:18:15 -04:00
}
Customize: Vary description for nav menu locations control based on whether it is shown during menu creation. Also fix issue with initial visibility of notice when there are no menus. Amends [41823]. Props bpayton, melchoyce, westonruter. See #42116. Fixes #42113. Built from https://develop.svn.wordpress.org/trunk@41832 git-svn-id: http://core.svn.wordpress.org/trunk@41666 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-11 15:38:50 -04:00
.control-section-nav_menu .customize-control,
.control-section-new_menu .customize-control {
/* Override default `margin-bottom` for `.customize-control` */
margin-bottom: 0;
}
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 09:57:26 -04:00
.customize-section-title {
Customizer: Ensure consistent margins in sections. Since the customizer dynamically changes, `nth-child` selectors are not always a great idea. props afercia. fixes #32902. Built from https://develop.svn.wordpress.org/trunk@33297 git-svn-id: http://core.svn.wordpress.org/trunk@33269 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-16 15:15:27 -04:00
margin: -12px -12px 0 -12px;
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 09:57:26 -04:00
border-bottom: 1px solid #ddd;
background: #fff;
}
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. Built from https://develop.svn.wordpress.org/trunk@33282 git-svn-id: http://core.svn.wordpress.org/trunk@33254 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-15 15:59:25 -04:00
div.customize-section-description {
margin-top: 22px;
}
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
.customize-info div.customize-section-description {
margin-top: 0;
}
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. Built from https://develop.svn.wordpress.org/trunk@33282 git-svn-id: http://core.svn.wordpress.org/trunk@33254 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-15 15:59:25 -04:00
div.customize-section-description p:first-child {
margin-top: 0;
}
div.customize-section-description p:last-child {
margin-bottom: 0;
}
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 09:57:26 -04:00
#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
border-bottom: 1px solid #ddd;
padding: 12px 12px 12px 12px;
}
.ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
padding: 12px 12px 13px 12px;
}
.customize-section-title h3,
h3.customize-section-title {
padding: 10px 10px 12px 14px;
margin: 0;
line-height: 21px;
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 13:11:31 -05:00
color: #555d66;
Customizer: Introduce a "panel" API to organize multiple sections into a one section. Create a panel via `$GLOBALS['wp_customize']->add_panel( $panel_id, $args )` and use `$panel_id` for the `panel` argument in `$GLOBALS['wp_customize']->add_section( $section_id, $args )`. That's it. As an example all widget area sections are now summarized into one panel. Feedback appreciated. props celloexpressions. see #27406. Built from https://develop.svn.wordpress.org/trunk@28861 git-svn-id: http://core.svn.wordpress.org/trunk@28662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-26 16:17:15 -04:00
}
.accordion-sub-container.control-panel-content {
display: none;
position: absolute;
top: 0;
Customize: Fix panel indentation in Firefox. In Firefox on Windows the menus and widgets panel weren't fully visible due to a miscalculation of the width of a panel, caused by a visible scrollbar. Props wpfo. Fixes #34622. Built from https://develop.svn.wordpress.org/trunk@37984 git-svn-id: http://core.svn.wordpress.org/trunk@37925 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-07-06 07:32:27 -04:00
width: 100%;
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 09:57:26 -04:00
}
Customize: Re-architect and harden panel/section UI logic. Removes contents for sections and panels from being logically nested (in the DOM) in order to eliminate many issues related to using `margin-top` hacks. The element containing the link to expand the content element for panels and sections is now a sibling element to its content element: the content is removed from being nested at initialization. The content element is now available in a `contentContainer` property whereas the head element (containing the link to open the construct) is in a `headContainer` property. The existing `container` property is now a jQuery collection that contains both of these elements. Since the head element is no longer in an ancestor element to the `content` element, the `aria-owns` property is now used to maintain the relationship between the `headContainer` and the `contentContainer`. These changes are also accompanied by an improvement to the animation performance for the sliding panes. Props delawski, celloexpressions. Fixes #34391. Fixes #34344. Fixes #35947. Built from https://develop.svn.wordpress.org/trunk@38648 git-svn-id: http://core.svn.wordpress.org/trunk@38591 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-23 18:23:30 -04:00
.accordion-sub-container.control-panel-content.busy {
Customizer: Introduce a "panel" API to organize multiple sections into a one section. Create a panel via `$GLOBALS['wp_customize']->add_panel( $panel_id, $args )` and use `$panel_id` for the `panel` argument in `$GLOBALS['wp_customize']->add_section( $section_id, $args )`. That's it. As an example all widget area sections are now summarized into one panel. Feedback appreciated. props celloexpressions. see #27406. Built from https://develop.svn.wordpress.org/trunk@28861 git-svn-id: http://core.svn.wordpress.org/trunk@28662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-26 16:17:15 -04:00
display: block;
}
.current-panel .accordion-sub-container.control-panel-content {
width: 100%;
}
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
.customize-controls-close {
display: block;
position: absolute;
top: 0;
left: 0;
width: 45px;
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 13:11:31 -05:00
height: 41px;
Customizer: Improve the overlay close button for iOS. see #28784. Built from https://develop.svn.wordpress.org/trunk@31984 git-svn-id: http://core.svn.wordpress.org/trunk@31963 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-02 13:16:28 -04:00
padding: 0 2px 0 0;
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
background: #eee;
Customizer: Make the available widgets overlay closable on narrow screens. see #28784. Built from https://develop.svn.wordpress.org/trunk@31974 git-svn-id: http://core.svn.wordpress.org/trunk@31953 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:25:28 -04:00
border: none;
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 13:11:31 -05:00
border-top: 4px solid #eee;
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
border-right: 1px solid #ddd;
color: #444;
Customizer: Improve the overlay close button for iOS. see #28784. Built from https://develop.svn.wordpress.org/trunk@31984 git-svn-id: http://core.svn.wordpress.org/trunk@31963 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-02 13:16:28 -04:00
text-align: left;
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
cursor: pointer;
Autoprefixer for [39249]. Fixes one errant value and re-aligns some existing prefixed property values so they don't get doubled when precommit/postcss is run again in the future. props davidakennedy. see #29158. Built from https://develop.svn.wordpress.org/trunk@39301 git-svn-id: http://core.svn.wordpress.org/trunk@39241 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-18 16:06:30 -05:00
transition: color .15s ease-in-out,
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 13:11:31 -05:00
border-color .15s ease-in-out,
background .15s ease-in-out;
Customizer: Improve the overlay close button for iOS. see #28784. Built from https://develop.svn.wordpress.org/trunk@31984 git-svn-id: http://core.svn.wordpress.org/trunk@31963 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-02 13:16:28 -04:00
box-sizing: content-box;
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
}
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 09:57:26 -04:00
.customize-panel-back,
.customize-section-back {
display: block;
float: left;
width: 48px;
Customize: Add sticky headers for panels and sections. Includes autoprefixing of CSS. Props delawski, celloexpressions. See #35186. Fixes #34343. Built from https://develop.svn.wordpress.org/trunk@38853 git-svn-id: http://core.svn.wordpress.org/trunk@38796 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-21 02:37:30 -04:00
height: 71px;
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 09:57:26 -04:00
padding: 0 24px 0 0;
margin: 0;
background: #fff;
border: none;
border-right: 1px solid #ddd;
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 13:11:31 -05:00
border-left: 4px solid #fff;
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 09:57:26 -04:00
box-shadow: none;
cursor: pointer;
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 13:11:31 -05:00
transition: color .15s ease-in-out,
border-color .15s ease-in-out,
background .15s ease-in-out;
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 09:57:26 -04:00
}
.customize-section-back {
Customize: Add sticky headers for panels and sections. Includes autoprefixing of CSS. Props delawski, celloexpressions. See #35186. Fixes #34343. Built from https://develop.svn.wordpress.org/trunk@38853 git-svn-id: http://core.svn.wordpress.org/trunk@38796 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-21 02:37:30 -04:00
height: 74px;
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 09:57:26 -04:00
}
.ios .customize-panel-back {
Customizer: Introduce a "panel" API to organize multiple sections into a one section. Create a panel via `$GLOBALS['wp_customize']->add_panel( $panel_id, $args )` and use `$panel_id` for the `panel` argument in `$GLOBALS['wp_customize']->add_section( $section_id, $args )`. That's it. As an example all widget area sections are now summarized into one panel. Feedback appreciated. props celloexpressions. see #27406. Built from https://develop.svn.wordpress.org/trunk@28861 git-svn-id: http://core.svn.wordpress.org/trunk@28662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-26 16:17:15 -04:00
display: none;
}
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 09:57:26 -04:00
.ios .expanded.in-sub-panel .customize-panel-back {
display: block;
}
Customize: Skip attaching expansion event handlers to section containers with the `cannot-expand` class. Props kkoppenhaver, celloexpressions. Fixes #37980. Built from https://develop.svn.wordpress.org/trunk@38900 git-svn-id: http://core.svn.wordpress.org/trunk@38843 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-25 00:36:39 -04:00
#customize-controls .panel-meta.customize-info .accordion-section-title {
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 09:57:26 -04:00
margin-left: 48px;
Customize: Skip attaching expansion event handlers to section containers with the `cannot-expand` class. Props kkoppenhaver, celloexpressions. Fixes #37980. Built from https://develop.svn.wordpress.org/trunk@38900 git-svn-id: http://core.svn.wordpress.org/trunk@38843 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-25 00:36:39 -04:00
border-left: none;
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 09:57:26 -04:00
}
Customize: Skip attaching expansion event handlers to section containers with the `cannot-expand` class. Props kkoppenhaver, celloexpressions. Fixes #37980. Built from https://develop.svn.wordpress.org/trunk@38900 git-svn-id: http://core.svn.wordpress.org/trunk@38843 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-25 00:36:39 -04:00
#customize-controls .panel-meta.customize-info .accordion-section-title:hover,
#customize-controls .cannot-expand:hover .accordion-section-title {
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 09:57:26 -04:00
background: #fff;
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 13:11:31 -05:00
color: #555d66;
Customize: Skip attaching expansion event handlers to section containers with the `cannot-expand` class. Props kkoppenhaver, celloexpressions. Fixes #37980. Built from https://develop.svn.wordpress.org/trunk@38900 git-svn-id: http://core.svn.wordpress.org/trunk@38843 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-25 00:36:39 -04:00
border-left-color: #fff;
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 09:57:26 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
.customize-controls-close:focus,
.customize-controls-close:hover,
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 07:36:28 -05:00
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
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 13:11:31 -05:00
background: #fff;
color: #0073aa;
border-top-color: #0073aa;
Customizer: Introduce a "panel" API to organize multiple sections into a one section. Create a panel via `$GLOBALS['wp_customize']->add_panel( $panel_id, $args )` and use `$panel_id` for the `panel` argument in `$GLOBALS['wp_customize']->add_section( $section_id, $args )`. That's it. As an example all widget area sections are now summarized into one panel. Feedback appreciated. props celloexpressions. see #27406. Built from https://develop.svn.wordpress.org/trunk@28861 git-svn-id: http://core.svn.wordpress.org/trunk@28662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-26 16:17:15 -04:00
outline: none;
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
box-shadow: none;
}
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 13:11:31 -05:00
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 09:57:26 -04:00
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
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 13:11:31 -05:00
color: #0073aa;
background: #f3f3f5;
border-left-color: #0073aa;
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 09:57:26 -04:00
outline: none;
box-shadow: none;
}
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
.customize-controls-close:before {
Customizer: Improve the overlay close button for iOS. see #28784. Built from https://develop.svn.wordpress.org/trunk@31984 git-svn-id: http://core.svn.wordpress.org/trunk@31963 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-02 13:16:28 -04:00
font: normal 22px/45px dashicons;
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. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-08 14:19:14 -04:00
content: "\f335";
position: relative;
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 13:11:31 -05:00
top: -3px;
Better visual focus syling in customizer, theme preview, and attachment details modals. props celloexpressions. fixes #29147. Built from https://develop.svn.wordpress.org/trunk@29608 git-svn-id: http://core.svn.wordpress.org/trunk@29382 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-25 17:58:17 -04:00
left: 13px;
Customizer: Introduce a "panel" API to organize multiple sections into a one section. Create a panel via `$GLOBALS['wp_customize']->add_panel( $panel_id, $args )` and use `$panel_id` for the `panel` argument in `$GLOBALS['wp_customize']->add_section( $section_id, $args )`. That's it. As an example all widget area sections are now summarized into one panel. Feedback appreciated. props celloexpressions. see #27406. Built from https://develop.svn.wordpress.org/trunk@28861 git-svn-id: http://core.svn.wordpress.org/trunk@28662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-26 16:17:15 -04:00
}
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 09:57:26 -04:00
.customize-panel-back:before,
.customize-section-back:before {
Customizer: Adjust styles on panel titles to prevent descenders – such as with the letters g, j, p, q, or y – from getting cut off in some browsers. Props umeshnevase. Fixes #33575. Built from https://develop.svn.wordpress.org/trunk@35511 git-svn-id: http://core.svn.wordpress.org/trunk@35475 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-04 13:53:26 -05:00
font: normal 20px/72px dashicons;
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 09:57:26 -04:00
content: "\f341";
position: relative;
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 13:11:31 -05:00
left: 9px;
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 09:57:26 -04:00
}
Customizer: Introduce a "panel" API to organize multiple sections into a one section. Create a panel via `$GLOBALS['wp_customize']->add_panel( $panel_id, $args )` and use `$panel_id` for the `panel` argument in `$GLOBALS['wp_customize']->add_section( $section_id, $args )`. That's it. As an example all widget area sections are now summarized into one panel. Feedback appreciated. props celloexpressions. see #27406. Built from https://develop.svn.wordpress.org/trunk@28861 git-svn-id: http://core.svn.wordpress.org/trunk@28662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-26 16:17:15 -04:00
.wp-full-overlay-sidebar .wp-full-overlay-header {
Customize: Add sticky headers for panels and sections. Includes autoprefixing of CSS. Props delawski, celloexpressions. See #35186. Fixes #34343. Built from https://develop.svn.wordpress.org/trunk@38853 git-svn-id: http://core.svn.wordpress.org/trunk@38796 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-21 02:37:30 -04:00
background-color: #eee;
Customizer: Introduce a "panel" API to organize multiple sections into a one section. Create a panel via `$GLOBALS['wp_customize']->add_panel( $panel_id, $args )` and use `$panel_id` for the `panel` argument in `$GLOBALS['wp_customize']->add_section( $section_id, $args )`. That's it. As an example all widget area sections are now summarized into one panel. Feedback appreciated. props celloexpressions. see #27406. Built from https://develop.svn.wordpress.org/trunk@28861 git-svn-id: http://core.svn.wordpress.org/trunk@28662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-26 16:17:15 -04:00
transition: padding ease-in-out .18s;
}
.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
padding-left: 62px;
}
Support descriptions for individual customizer controls. * Control title (label) markup will also only be output if specified. * Control section descriptions are no longer italicized for visual hierarchy / differentiation. props celloexpressions. fixes #27981. Built from https://develop.svn.wordpress.org/trunk@28927 git-svn-id: http://core.svn.wordpress.org/trunk@28725 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-30 11:55:17 -04:00
p.customize-section-description {
font-style: normal;
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 09:57:26 -04:00
margin-top: 22px;
margin-bottom: 0;
Support descriptions for individual customizer controls. * Control title (label) markup will also only be output if specified. * Control section descriptions are no longer italicized for visual hierarchy / differentiation. props celloexpressions. fixes #27981. Built from https://develop.svn.wordpress.org/trunk@28927 git-svn-id: http://core.svn.wordpress.org/trunk@28725 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-30 11:55:17 -04:00
}
Accessibility: CodeMirror editing areas minor improvements. - properly labels all the code editor areas (Theme/Plugin, Custom HTML widget, Additional CSS), whether CodeMirror is enabled or disabled - adds `role="textbox"` and `aria-multiline="true"` to the CodeMirror editing area to allow assistive technologies properly identify it as a textarea - standardizes the "keyboard trap" help text across the admin and keeps it as a list for better readability - use the Help text elements as target for `aria-describedby`, to make screen readers read out the help text when focusing the editors - fixes the `aria-expanded` attribute usage in the Customizer "Additional CSS" help toggle - moves focus to the CodeMirror editing area when clicking on the associated label - in the Plugin editor screen: changes a `<big>` element to `<h2>` for better semantics and consistency with the Theme editor screen - also, removes a few textdomain leftovers, see `better-code-editing` and `default` Props westonruter, melchoyce, afercia. Fixes #41872. Built from https://develop.svn.wordpress.org/trunk@41586 git-svn-id: http://core.svn.wordpress.org/trunk@41419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-24 12:00:46 -04:00
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion. * Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed. * The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields. * Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP. * When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint. * When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites. * The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892. * The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global. * An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code. * A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default. * Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`. Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde. See #38707. Fixes #12423, #39892. Built from https://develop.svn.wordpress.org/trunk@41376 git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
.customize-section-description ul {
margin-left: 1em;
}
Accessibility: CodeMirror editing areas minor improvements. - properly labels all the code editor areas (Theme/Plugin, Custom HTML widget, Additional CSS), whether CodeMirror is enabled or disabled - adds `role="textbox"` and `aria-multiline="true"` to the CodeMirror editing area to allow assistive technologies properly identify it as a textarea - standardizes the "keyboard trap" help text across the admin and keeps it as a list for better readability - use the Help text elements as target for `aria-describedby`, to make screen readers read out the help text when focusing the editors - fixes the `aria-expanded` attribute usage in the Customizer "Additional CSS" help toggle - moves focus to the CodeMirror editing area when clicking on the associated label - in the Plugin editor screen: changes a `<big>` element to `<h2>` for better semantics and consistency with the Theme editor screen - also, removes a few textdomain leftovers, see `better-code-editing` and `default` Props westonruter, melchoyce, afercia. Fixes #41872. Built from https://develop.svn.wordpress.org/trunk@41586 git-svn-id: http://core.svn.wordpress.org/trunk@41419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-24 12:00:46 -04:00
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion. * Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed. * The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields. * Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP. * When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint. * When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites. * The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892. * The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global. * An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code. * A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default. * Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`. Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde. See #38707. Fixes #12423, #39892. Built from https://develop.svn.wordpress.org/trunk@41376 git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
.customize-section-description ul > li {
list-style: disc;
}
Accessibility: CodeMirror editing areas minor improvements. - properly labels all the code editor areas (Theme/Plugin, Custom HTML widget, Additional CSS), whether CodeMirror is enabled or disabled - adds `role="textbox"` and `aria-multiline="true"` to the CodeMirror editing area to allow assistive technologies properly identify it as a textarea - standardizes the "keyboard trap" help text across the admin and keeps it as a list for better readability - use the Help text elements as target for `aria-describedby`, to make screen readers read out the help text when focusing the editors - fixes the `aria-expanded` attribute usage in the Customizer "Additional CSS" help toggle - moves focus to the CodeMirror editing area when clicking on the associated label - in the Plugin editor screen: changes a `<big>` element to `<h2>` for better semantics and consistency with the Theme editor screen - also, removes a few textdomain leftovers, see `better-code-editing` and `default` Props westonruter, melchoyce, afercia. Fixes #41872. Built from https://develop.svn.wordpress.org/trunk@41586 git-svn-id: http://core.svn.wordpress.org/trunk@41419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-24 12:00:46 -04:00
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion. * Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed. * The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields. * Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP. * When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint. * When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites. * The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892. * The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global. * An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code. * A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default. * Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`. Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde. See #38707. Fixes #12423, #39892. Built from https://develop.svn.wordpress.org/trunk@41376 git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
.section-description-buttons {
text-align: right;
}
.section-description-buttons button.button-link {
color: #0073aa;
text-decoration: underline;
}
Support descriptions for individual customizer controls. * Control title (label) markup will also only be output if specified. * Control section descriptions are no longer italicized for visual hierarchy / differentiation. props celloexpressions. fixes #27981. Built from https://develop.svn.wordpress.org/trunk@28927 git-svn-id: http://core.svn.wordpress.org/trunk@28725 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-30 11:55:17 -04:00
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-22 20:04:18 -04:00
.customize-control {
width: 100%;
float: left;
clear: both;
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 09:57:26 -04:00
margin-bottom: 12px;
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-22 20:04:18 -04:00
}
.customize-control select,
.customize-control input[type="radio"],
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-09 19:27:10 -05:00
.customize-control input[type="checkbox"] {
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-22 20:04:18 -04:00
line-height: 28px;
}
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. Built from https://develop.svn.wordpress.org/trunk@28930 git-svn-id: http://core.svn.wordpress.org/trunk@28728 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-30 15:48:13 -04:00
.customize-control input[type="text"],
.customize-control input[type="password"],
.customize-control input[type="email"],
.customize-control input[type="number"],
.customize-control input[type="search"],
.customize-control input[type="tel"],
.customize-control input[type="url"] {
Customize: Add setting validation model and control notifications to augment setting sanitization. When a setting is invalid, not only will it be blocked from being saved but all other settings will be blocked as well. This ensures that Customizer saves aren't partial but are more transactional. User will be displayed the error in a notification so that they can fix and re-attempt saving. PHP changes: * Introduces `WP_Customize_Setting::validate()`, `WP_Customize_Setting::$validate_callback`, and the `customize_validate_{$setting_id}` filter. * Introduces `WP_Customize_Manager::validate_setting_values()` to do validation (and sanitization) for the setting values supplied, returning a list of `WP_Error` instances for invalid settings. * Attempting to save settings that are invalid will result in the save being blocked entirely, with the errors being sent in the `customize_save_response`. Modifies `WP_Customize_Manager::save()` to check all settings for validity issues prior to calling their `save` methods. * Introduces `WP_Customize_Setting::json()` for parity with the other Customizer classes. This includes exporting of the `type`. * Modifies `WP_Customize_Manager::post_value()` to apply `validate` after `sanitize`, and if validation fails, to return the `$default`. * Introduces `customize_save_validation_before` action which fires right before the validation checks are made prior to saving. JS changes: * Introduces `wp.customize.Notification` in JS which to represent `WP_Error` instances returned from the server when setting validation fails. * Introduces `wp.customize.Setting.prototype.notifications`. * Introduces `wp.customize.Control.prototype.notifications`, which are synced with a control's settings' notifications. * Introduces `wp.customize.Control.prototype.renderNotifications()` to re-render a control's notifications in its notification area. This is called automatically when the notifications collection changes. * Introduces `wp.customize.settingConstructor`, allowing custom setting types to be used in the same way that custom controls, panels, and sections can be made. * Injects a notification area into existing controls which is populated in response to the control's `notifications` collection changing. A custom control can customize the placement of the notification area by overriding the new `getNotificationsContainerElement` method. * When a save fails due to setting invalidity, the invalidity errors will be added to the settings to then populate in the controls' notification areas, and the first such invalid control will be focused. Props westonruter, celloexpressions, mrahmadawais. See #35210. See #30937. Fixes #34893. Built from https://develop.svn.wordpress.org/trunk@37476 git-svn-id: http://core.svn.wordpress.org/trunk@37444 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-20 17:10:27 -04:00
width: 100%;
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-22 20:04:18 -04:00
line-height: 18px;
margin: 0;
}
Customizer: Remove margin for hidden controls. props dlh. fixes #31330. Built from https://develop.svn.wordpress.org/trunk@31460 git-svn-id: http://core.svn.wordpress.org/trunk@31441 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-14 03:46:27 -05:00
.customize-control-hidden {
margin: 0;
}
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. Built from https://develop.svn.wordpress.org/trunk@28930 git-svn-id: http://core.svn.wordpress.org/trunk@28728 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-30 15:48:13 -04:00
.customize-control-textarea textarea {
width: 100%;
resize: vertical;
}
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-22 20:04:18 -04:00
.customize-control select {
Customize: Allow page stubs to be created via `dropdown-pages` controls in the Static Front Page section. This ability was previously added to nav menus via the available page items panel. The "Add New Page" button only appears when the `allow_addition` control param is supplied as `true`. Code is adapted from the Customize Posts feature plugin. Props celloexpressions, westonruter. See #38013, #34923. Fixes #38164. Built from https://develop.svn.wordpress.org/trunk@38906 git-svn-id: http://core.svn.wordpress.org/trunk@38849 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-25 02:31:31 -04:00
width: 100%;
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-22 20:04:18 -04:00
height: 28px;
line-height: 28px;
}
Customizer: Add `height: auto;` for `select[multiple]`. fixes #27662. Built from https://develop.svn.wordpress.org/trunk@27954 git-svn-id: http://core.svn.wordpress.org/trunk@27784 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-05 09:12:15 -04:00
.customize-control select[multiple] {
height: auto;
}
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-09 19:27:10 -05:00
.customize-control-title {
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 600;
Customize: Clean up media control CSS. Removes unnecessary wrapper elements and refactors class names to eliminate duplication of rule selectors. Props celloexpressions. Fixes #30618. Built from https://develop.svn.wordpress.org/trunk@37426 git-svn-id: http://core.svn.wordpress.org/trunk@37392 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-12 16:23:54 -04:00
margin-bottom: 4px;
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-09 19:27:10 -05:00
}
Support descriptions for individual customizer controls. * Control title (label) markup will also only be output if specified. * Control section descriptions are no longer italicized for visual hierarchy / differentiation. props celloexpressions. fixes #27981. Built from https://develop.svn.wordpress.org/trunk@28927 git-svn-id: http://core.svn.wordpress.org/trunk@28725 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-30 11:55:17 -04:00
.customize-control-description {
display: block;
font-style: italic;
line-height: 18px;
Customize: Allow page stubs to be created via `dropdown-pages` controls in the Static Front Page section. This ability was previously added to nav menus via the available page items panel. The "Add New Page" button only appears when the `allow_addition` control param is supplied as `true`. Code is adapted from the Customize Posts feature plugin. Props celloexpressions, westonruter. See #38013, #34923. Fixes #38164. Built from https://develop.svn.wordpress.org/trunk@38906 git-svn-id: http://core.svn.wordpress.org/trunk@38849 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-25 02:31:31 -04:00
margin-top: 0;
Support descriptions for individual customizer controls. * Control title (label) markup will also only be output if specified. * Control section descriptions are no longer italicized for visual hierarchy / differentiation. props celloexpressions. fixes #27981. Built from https://develop.svn.wordpress.org/trunk@28927 git-svn-id: http://core.svn.wordpress.org/trunk@28725 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-30 11:55:17 -04:00
margin-bottom: 5px;
}
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
.customize-section-description a.external-link:after {
font: 16px/11px dashicons;
content: "\f310";
top: 3px;
position: relative;
padding-left: 3px;
display: inline-block;
text-decoration: none;
}
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-09 19:27:10 -05:00
.customize-control-color .color-picker,
.customize-control-upload div {
line-height: 28px;
}
Customize: Improve accessibility of markup for base `WP_Customize_Control` and `WP_Customize_Nav_Menu_Control` with proper use of `label` elements and inclusion of `aria-describedby`. See #33085. Props valendesigns, afercia, westonruter. Built from https://develop.svn.wordpress.org/trunk@41740 git-svn-id: http://core.svn.wordpress.org/trunk@41574 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 14:12:46 -04:00
.customize-control .customize-inside-control-row {
Customize: Prevent multi-line checkbox control labels from wrapping under checkbox. Props bordoni. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35608 git-svn-id: http://core.svn.wordpress.org/trunk@35572 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-11 04:37:27 -05:00
line-height: 20px;
display: block;
margin-left: 24px;
Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile. Follow-up to [35608]. Props bordoni, delawski. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35643 git-svn-id: http://core.svn.wordpress.org/trunk@35607 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-15 23:44:26 -05:00
padding-top: 6px;
padding-bottom: 6px;
Customize: Prevent multi-line checkbox control labels from wrapping under checkbox. Props bordoni. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35608 git-svn-id: http://core.svn.wordpress.org/trunk@35572 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-11 04:37:27 -05:00
}
Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile. Follow-up to [35608]. Props bordoni, delawski. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35643 git-svn-id: http://core.svn.wordpress.org/trunk@35607 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-15 23:44:26 -05:00
.customize-control-radio input,
Customize: Prevent multi-line checkbox control labels from wrapping under checkbox. Props bordoni. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35608 git-svn-id: http://core.svn.wordpress.org/trunk@35572 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-11 04:37:27 -05:00
.customize-control-checkbox input,
.customize-control-nav_menu_auto_add input {
margin-right: 4px;
margin-left: -24px;
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-22 20:04:18 -04:00
}
.customize-control-radio {
padding: 5px 0 10px;
}
.customize-control-radio .customize-control-title {
margin-bottom: 0;
line-height: 22px;
}
Support descriptions for individual customizer controls. * Control title (label) markup will also only be output if specified. * Control section descriptions are no longer italicized for visual hierarchy / differentiation. props celloexpressions. fixes #27981. Built from https://develop.svn.wordpress.org/trunk@28927 git-svn-id: http://core.svn.wordpress.org/trunk@28725 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-06-30 11:55:17 -04:00
.customize-control-radio .customize-control-title + .customize-control-description {
margin-top: 7px;
}
Customize: Fix vertical alignment of radio and checkbox inputs after [41740]. Props Shital Patel, subrataemfluence, sayedwp. Amends [41740]. See #33085. Fixes #42157. Built from https://develop.svn.wordpress.org/trunk@41817 git-svn-id: http://core.svn.wordpress.org/trunk@41651 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-10 19:45:51 -04:00
.customize-control-radio label,
.customize-control-checkbox label {
vertical-align: top;
}
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. Built from https://develop.svn.wordpress.org/trunk@30309 git-svn-id: http://core.svn.wordpress.org/trunk@30308 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-11 18:52:22 -05:00
.customize-control .attachment-thumb.type-icon {
float: left;
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
margin: 10px;
width: auto;
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. Built from https://develop.svn.wordpress.org/trunk@30309 git-svn-id: http://core.svn.wordpress.org/trunk@30308 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-11 18:52:22 -05:00
}
.customize-control .attachment-title {
Use numeric font weights instead of keywords. When Open Sans was in use, the `300`, `400`, and `600` weights were loaded. `400` is the equivalent of `normal`; however, `bold` is equivalent to `700`, not `600`. With the move to system fonts, we need to be specific rather than relying on the lack of a `700` weight. Not all system fonts include a `600` weight; in those instances, they will use the `bold`/`700` weight. The WordPress CSS Coding Standards have been updated accordingly. props coderste. see #36753. Built from https://develop.svn.wordpress.org/trunk@37740 git-svn-id: http://core.svn.wordpress.org/trunk@37705 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-06-17 14:37:28 -04:00
font-weight: 600;
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
margin: 0;
padding: 5px 10px;
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. Built from https://develop.svn.wordpress.org/trunk@30309 git-svn-id: http://core.svn.wordpress.org/trunk@30308 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-11 18:52:22 -05:00
}
Show title, album, and artist info for audio files displayed in `WP_Customize_Upload_Control()`. See #21483. Built from https://develop.svn.wordpress.org/trunk@30737 git-svn-id: http://core.svn.wordpress.org/trunk@30727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-03 20:59:22 -05:00
.customize-control .attachment-meta {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
Customizer: Add audio/video previews for upload controls. props celloexpressions, Fab1en, wonderboymusic. fixes #30850. Built from https://develop.svn.wordpress.org/trunk@31661 git-svn-id: http://core.svn.wordpress.org/trunk@31642 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-07 06:06:29 -05:00
padding: 0 10px;
Show title, album, and artist info for audio files displayed in `WP_Customize_Upload_Control()`. See #21483. Built from https://develop.svn.wordpress.org/trunk@30737 git-svn-id: http://core.svn.wordpress.org/trunk@30727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-03 20:59:22 -05:00
}
.customize-control .attachment-meta-title {
padding-top: 7px;
}
Customize: Fix alignment of natural-width media buttons in site icon control. Amends [40653]. Props afercia. Fixes #40220. Built from https://develop.svn.wordpress.org/trunk@40671 git-svn-id: http://core.svn.wordpress.org/trunk@40534 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-15 14:51:41 -04:00
/* Remove descender space. */
Customize: Make the media control buttons natural-width. Natural-width buttons are better for translations, and don't feel as overpowering as the half-width (and full-width) buttons. Props melchoyce, timmydcrawford, afercia. Fixes #40220. Built from https://develop.svn.wordpress.org/trunk@40653 git-svn-id: http://core.svn.wordpress.org/trunk@40516 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-12 13:50:44 -04:00
.customize-control .thumbnail-image,
.customize-control-header .current,
.customize-control .wp-media-wrapper.wp-video {
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
line-height: 0;
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. Built from https://develop.svn.wordpress.org/trunk@30309 git-svn-id: http://core.svn.wordpress.org/trunk@30308 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-11 18:52:22 -05:00
}
Customize: Fix alignment of natural-width media buttons in site icon control. Amends [40653]. Props afercia. Fixes #40220. Built from https://develop.svn.wordpress.org/trunk@40671 git-svn-id: http://core.svn.wordpress.org/trunk@40534 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-15 14:51:41 -04:00
/* Remove descender space. */
.customize-control-site_icon .favicon-preview .browser-preview {
vertical-align: top;
}
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. Built from https://develop.svn.wordpress.org/trunk@30309 git-svn-id: http://core.svn.wordpress.org/trunk@30308 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-11 18:52:22 -05:00
.customize-control .thumbnail-image img {
cursor: pointer;
}
Customizer: Add audio/video previews for upload controls. props celloexpressions, Fab1en, wonderboymusic. fixes #30850. Built from https://develop.svn.wordpress.org/trunk@31661 git-svn-id: http://core.svn.wordpress.org/trunk@31642 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-07 06:06:29 -05:00
#customize-controls .thumbnail-audio .thumbnail {
max-width: 64px;
max-height: 64px;
margin: 10px;
float: left;
}
Customize: Allow page stubs to be created via `dropdown-pages` controls in the Static Front Page section. This ability was previously added to nav menus via the available page items panel. The "Add New Page" button only appears when the `allow_addition` control param is supplied as `true`. Code is adapted from the Customize Posts feature plugin. Props celloexpressions, westonruter. See #38013, #34923. Fixes #38164. Built from https://develop.svn.wordpress.org/trunk@38906 git-svn-id: http://core.svn.wordpress.org/trunk@38849 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-25 02:31:31 -04:00
#available-menu-items .accordion-section-content .new-content-item,
.customize-control-dropdown-pages .new-content-item {
width: calc(100% - 30px);
padding: 8px 15px;
position: absolute;
bottom: 0;
z-index: 10;
background: #eee;
display: -webkit-box;
display: flex;
}
.customize-control-dropdown-pages .new-content-item {
width: 100%;
padding: 5px 0 5px 1px;
position: relative;
}
#available-menu-items .new-content-item .create-item-input,
.customize-control-dropdown-pages .new-content-item .create-item-input {
-webkit-box-flex: 10;
flex-grow: 10;
}
#available-menu-items .new-content-item .add-content,
.customize-control-dropdown-pages .new-content-item .add-content {
margin: 2px 0 2px 6px;
-webkit-box-flex: 10;
flex-grow: 1;
}
.customize-control-dropdown-pages .new-content-item .create-item-input.invalid {
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
border: 1px solid #dc3232;
Customize: Allow page stubs to be created via `dropdown-pages` controls in the Static Front Page section. This ability was previously added to nav menus via the available page items panel. The "Add New Page" button only appears when the `allow_addition` control param is supplied as `true`. Code is adapted from the Customize Posts feature plugin. Props celloexpressions, westonruter. See #38013, #34923. Fixes #38164. Built from https://develop.svn.wordpress.org/trunk@38906 git-svn-id: http://core.svn.wordpress.org/trunk@38849 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-25 02:31:31 -04:00
}
Customize: Make "Add New Page" buttons less intrusive. They now better match the existing add functionality from the category metabox and are better separated from the surrounding inputs. All hail `.button-link`. fixes #38164. see #35126. Built from https://develop.svn.wordpress.org/trunk@39194 git-svn-id: http://core.svn.wordpress.org/trunk@39134 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-09 21:56:30 -05:00
.customize-control-dropdown-pages .add-new-toggle {
margin-left: 1px;
font-weight: 600;
line-height: 28px;
}
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-22 20:04:18 -04:00
#customize-preview iframe {
width: 100%;
height: 100%;
Customize: Add a user-friendly way to preview site responsiveness for desktop, tablet, and mobile. Introduces `WP_Customize_Manager::get_previewable_devices()` with a `customize_previewable_devices` filter to change the default device and which devices are available for previewing. This is a feature that was first pioneered on WordPress.com. Props celloexpressions, folletto, valendesigns, westonruter, welcher, adamsilverstein, michaelarestad, Fab1en. Fixes #31195. Built from https://develop.svn.wordpress.org/trunk@36532 git-svn-id: http://core.svn.wordpress.org/trunk@36499 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-02-15 20:57:26 -05:00
position: absolute;
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-22 20:04:18 -04:00
}
Customize: Prevent preview `iframe` from showing until fully loaded. Fixes issue where the Customizer preview window can appear to momentarily bounce to the top when being refreshed. Regression from [36532]. See #31195. Fixes #36276. Built from https://develop.svn.wordpress.org/trunk@37060 git-svn-id: http://core.svn.wordpress.org/trunk@37027 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-03-22 20:53:28 -04:00
#customize-preview iframe + iframe {
visibility: hidden;
}
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-22 20:04:18 -04:00
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-09 19:27:10 -05:00
.wp-full-overlay-sidebar {
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 09:57:26 -04:00
background: #eee;
Remove old control/accordion section title gradients that were still appearing in the customizer and reinstate a divider between the customizer sidebar and the preview. props ryelle, helen. see #25858. Built from https://develop.svn.wordpress.org/trunk@26165 git-svn-id: http://core.svn.wordpress.org/trunk@26076 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-14 11:42:10 -05:00
border-right: 1px solid #ddd;
Fixes and tweaks for the metabox accordion. * Fixed hover issues in Customizer. * Toned down the default active/hover style (as it is normally not the top level menu, and should not be so prominent). * Allow the active section to be closed. * Other misc fixes. Props ocean90, helen. Fixes #23449. git-svn-id: http://core.svn.wordpress.org/trunk@24734 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-07-18 13:42:53 -04:00
}
Customize: Add setting validation model and control notifications to augment setting sanitization. When a setting is invalid, not only will it be blocked from being saved but all other settings will be blocked as well. This ensures that Customizer saves aren't partial but are more transactional. User will be displayed the error in a notification so that they can fix and re-attempt saving. PHP changes: * Introduces `WP_Customize_Setting::validate()`, `WP_Customize_Setting::$validate_callback`, and the `customize_validate_{$setting_id}` filter. * Introduces `WP_Customize_Manager::validate_setting_values()` to do validation (and sanitization) for the setting values supplied, returning a list of `WP_Error` instances for invalid settings. * Attempting to save settings that are invalid will result in the save being blocked entirely, with the errors being sent in the `customize_save_response`. Modifies `WP_Customize_Manager::save()` to check all settings for validity issues prior to calling their `save` methods. * Introduces `WP_Customize_Setting::json()` for parity with the other Customizer classes. This includes exporting of the `type`. * Modifies `WP_Customize_Manager::post_value()` to apply `validate` after `sanitize`, and if validation fails, to return the `$default`. * Introduces `customize_save_validation_before` action which fires right before the validation checks are made prior to saving. JS changes: * Introduces `wp.customize.Notification` in JS which to represent `WP_Error` instances returned from the server when setting validation fails. * Introduces `wp.customize.Setting.prototype.notifications`. * Introduces `wp.customize.Control.prototype.notifications`, which are synced with a control's settings' notifications. * Introduces `wp.customize.Control.prototype.renderNotifications()` to re-render a control's notifications in its notification area. This is called automatically when the notifications collection changes. * Introduces `wp.customize.settingConstructor`, allowing custom setting types to be used in the same way that custom controls, panels, and sections can be made. * Injects a notification area into existing controls which is populated in response to the control's `notifications` collection changing. A custom control can customize the placement of the notification area by overriding the new `getNotificationsContainerElement` method. * When a save fails due to setting invalidity, the invalidity errors will be added to the settings to then populate in the controls' notification areas, and the first such invalid control will be focused. Props westonruter, celloexpressions, mrahmadawais. See #35210. See #30937. Fixes #34893. Built from https://develop.svn.wordpress.org/trunk@37476 git-svn-id: http://core.svn.wordpress.org/trunk@37444 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-20 17:10:27 -04:00
/**
* Notifications
*/
#customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
margin: 4px 0 8px 0;
padding: 0;
cursor: default;
}
#customize-controls .customize-control-widget_form.has-error .widget .widget-top,
.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
box-shadow: inset 0 0 0 2px #dc3232;
transition: .15s box-shadow linear;
}
Customize: Add notifications API to sections and panels. * Adds a `notifications` property to instances of `wp.customize.Panel` and `wp.customize.Section`. * Adds a `setupNotifications()` method to `Panel`, `Section`, and `Control`. * Adds a `getNotificationsContainerElement()` method to the `Panel` and `Section` classes, like `Control` has. * Replace hard-coded notification in header media section with a notification. * Limit rendering notifications to panels and sections that are expanded, and to controls that have an expanded section. See #34893, #35210, #38778. Fixes #38794. Built from https://develop.svn.wordpress.org/trunk@41390 git-svn-id: http://core.svn.wordpress.org/trunk@41223 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-19 01:40:44 -04:00
#customize-controls .customize-control-notifications-container li.notice {
Customize: Add setting validation model and control notifications to augment setting sanitization. When a setting is invalid, not only will it be blocked from being saved but all other settings will be blocked as well. This ensures that Customizer saves aren't partial but are more transactional. User will be displayed the error in a notification so that they can fix and re-attempt saving. PHP changes: * Introduces `WP_Customize_Setting::validate()`, `WP_Customize_Setting::$validate_callback`, and the `customize_validate_{$setting_id}` filter. * Introduces `WP_Customize_Manager::validate_setting_values()` to do validation (and sanitization) for the setting values supplied, returning a list of `WP_Error` instances for invalid settings. * Attempting to save settings that are invalid will result in the save being blocked entirely, with the errors being sent in the `customize_save_response`. Modifies `WP_Customize_Manager::save()` to check all settings for validity issues prior to calling their `save` methods. * Introduces `WP_Customize_Setting::json()` for parity with the other Customizer classes. This includes exporting of the `type`. * Modifies `WP_Customize_Manager::post_value()` to apply `validate` after `sanitize`, and if validation fails, to return the `$default`. * Introduces `customize_save_validation_before` action which fires right before the validation checks are made prior to saving. JS changes: * Introduces `wp.customize.Notification` in JS which to represent `WP_Error` instances returned from the server when setting validation fails. * Introduces `wp.customize.Setting.prototype.notifications`. * Introduces `wp.customize.Control.prototype.notifications`, which are synced with a control's settings' notifications. * Introduces `wp.customize.Control.prototype.renderNotifications()` to re-render a control's notifications in its notification area. This is called automatically when the notifications collection changes. * Introduces `wp.customize.settingConstructor`, allowing custom setting types to be used in the same way that custom controls, panels, and sections can be made. * Injects a notification area into existing controls which is populated in response to the control's `notifications` collection changing. A custom control can customize the placement of the notification area by overriding the new `getNotificationsContainerElement` method. * When a save fails due to setting invalidity, the invalidity errors will be added to the settings to then populate in the controls' notification areas, and the first such invalid control will be focused. Props westonruter, celloexpressions, mrahmadawais. See #35210. See #30937. Fixes #34893. Built from https://develop.svn.wordpress.org/trunk@37476 git-svn-id: http://core.svn.wordpress.org/trunk@37444 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-20 17:10:27 -04:00
list-style: none;
margin: 0 0 6px 0;
Customize: Add notifications API to sections and panels. * Adds a `notifications` property to instances of `wp.customize.Panel` and `wp.customize.Section`. * Adds a `setupNotifications()` method to `Panel`, `Section`, and `Control`. * Adds a `getNotificationsContainerElement()` method to the `Panel` and `Section` classes, like `Control` has. * Replace hard-coded notification in header media section with a notification. * Limit rendering notifications to panels and sections that are expanded, and to controls that have an expanded section. See #34893, #35210, #38778. Fixes #38794. Built from https://develop.svn.wordpress.org/trunk@41390 git-svn-id: http://core.svn.wordpress.org/trunk@41223 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-19 01:40:44 -04:00
padding: 9px 14px;
overflow: hidden;
}
#customize-controls .customize-control-notifications-container .notice.is-dismissible {
padding-right: 38px;
Customize: Add setting validation model and control notifications to augment setting sanitization. When a setting is invalid, not only will it be blocked from being saved but all other settings will be blocked as well. This ensures that Customizer saves aren't partial but are more transactional. User will be displayed the error in a notification so that they can fix and re-attempt saving. PHP changes: * Introduces `WP_Customize_Setting::validate()`, `WP_Customize_Setting::$validate_callback`, and the `customize_validate_{$setting_id}` filter. * Introduces `WP_Customize_Manager::validate_setting_values()` to do validation (and sanitization) for the setting values supplied, returning a list of `WP_Error` instances for invalid settings. * Attempting to save settings that are invalid will result in the save being blocked entirely, with the errors being sent in the `customize_save_response`. Modifies `WP_Customize_Manager::save()` to check all settings for validity issues prior to calling their `save` methods. * Introduces `WP_Customize_Setting::json()` for parity with the other Customizer classes. This includes exporting of the `type`. * Modifies `WP_Customize_Manager::post_value()` to apply `validate` after `sanitize`, and if validation fails, to return the `$default`. * Introduces `customize_save_validation_before` action which fires right before the validation checks are made prior to saving. JS changes: * Introduces `wp.customize.Notification` in JS which to represent `WP_Error` instances returned from the server when setting validation fails. * Introduces `wp.customize.Setting.prototype.notifications`. * Introduces `wp.customize.Control.prototype.notifications`, which are synced with a control's settings' notifications. * Introduces `wp.customize.Control.prototype.renderNotifications()` to re-render a control's notifications in its notification area. This is called automatically when the notifications collection changes. * Introduces `wp.customize.settingConstructor`, allowing custom setting types to be used in the same way that custom controls, panels, and sections can be made. * Injects a notification area into existing controls which is populated in response to the control's `notifications` collection changing. A custom control can customize the placement of the notification area by overriding the new `getNotificationsContainerElement` method. * When a save fails due to setting invalidity, the invalidity errors will be added to the settings to then populate in the controls' notification areas, and the first such invalid control will be focused. Props westonruter, celloexpressions, mrahmadawais. See #35210. See #30937. Fixes #34893. Built from https://develop.svn.wordpress.org/trunk@37476 git-svn-id: http://core.svn.wordpress.org/trunk@37444 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-20 17:10:27 -04:00
}
.customize-control-notifications-container li.notice:last-child {
margin-bottom: 0;
}
#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container {
margin-top: 0;
}
#customize-controls .customize-control-widget_form .customize-control-notifications-container {
margin-top: 8px;
}
.customize-control-text.has-error input {
outline: 2px solid #dc3232;
}
Customize: Add global notifications area. * Displays an error notification in the global area when a save attempt is rejected due to invalid settings. An error notification is also displayed when saving fails due to a network error or server error. * Introduces `wp.customize.Notifications` subclass of `wp.customize.Values` to contain instances of `wp.customize.Notification` and manage their rendering into a container. * Exposes the global notification area as `wp.customize.notifications` collection instance. * Updates the `notifications` object on `Control` to use `Notifications` rather than `Values` and to re-use the rendering logic from the former. The old `Control#renderNotifications` method is deprecated. * Allows notifications to be dismissed by instantiating them with a `dismissible` property. * Allows `wp.customize.Notification` to be extended with custom templates and `render` functions. * Triggers a `removed` event on `wp.customize.Values` instances _after_ a value has been removed from the collection. Props delawski, westonruter, karmatosed, celloexpressions, Fab1en, melchoyce, Kelderic, afercia, adamsilverstein. See #34893, #39896. Fixes #35210, #31582, #37727, #37269. Built from https://develop.svn.wordpress.org/trunk@41374 git-svn-id: http://core.svn.wordpress.org/trunk@41207 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-12 03:03:46 -04:00
#customize-controls #customize-notifications-area {
position: absolute;
top: 46px;
width: 100%;
border-bottom: 1px solid #ddd;
display: block;
padding: 0;
margin: 0;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
.wp-full-overlay.collapsed #customize-controls #customize-notifications-area {
display: none !important;
}
Customize: Fix visibility of overlay notifications in Safari. Props sayedwp, westonruter. Amends [41390]. See #35210, #42024, #42052. Built from https://develop.svn.wordpress.org/trunk@41919 git-svn-id: http://core.svn.wordpress.org/trunk@41753 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 14:14:37 -04:00
#customize-controls #customize-notifications-area:not(.has-overlay-notifications),
#customize-controls .customize-section-title > .customize-control-notifications-container:not(.has-overlay-notifications),
#customize-controls .panel-meta > .customize-control-notifications-container:not(.has-overlay-notifications) {
Customize: Add notifications API to sections and panels. * Adds a `notifications` property to instances of `wp.customize.Panel` and `wp.customize.Section`. * Adds a `setupNotifications()` method to `Panel`, `Section`, and `Control`. * Adds a `getNotificationsContainerElement()` method to the `Panel` and `Section` classes, like `Control` has. * Replace hard-coded notification in header media section with a notification. * Limit rendering notifications to panels and sections that are expanded, and to controls that have an expanded section. See #34893, #35210, #38778. Fixes #38794. Built from https://develop.svn.wordpress.org/trunk@41390 git-svn-id: http://core.svn.wordpress.org/trunk@41223 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-19 01:40:44 -04:00
max-height: 210px;
overflow-x: hidden;
overflow-y: auto;
}
Customize: Add global notifications area. * Displays an error notification in the global area when a save attempt is rejected due to invalid settings. An error notification is also displayed when saving fails due to a network error or server error. * Introduces `wp.customize.Notifications` subclass of `wp.customize.Values` to contain instances of `wp.customize.Notification` and manage their rendering into a container. * Exposes the global notification area as `wp.customize.notifications` collection instance. * Updates the `notifications` object on `Control` to use `Notifications` rather than `Values` and to re-use the rendering logic from the former. The old `Control#renderNotifications` method is deprecated. * Allows notifications to be dismissed by instantiating them with a `dismissible` property. * Allows `wp.customize.Notification` to be extended with custom templates and `render` functions. * Triggers a `removed` event on `wp.customize.Values` instances _after_ a value has been removed from the collection. Props delawski, westonruter, karmatosed, celloexpressions, Fab1en, melchoyce, Kelderic, afercia, adamsilverstein. See #34893, #39896. Fixes #35210, #31582, #37727, #37269. Built from https://develop.svn.wordpress.org/trunk@41374 git-svn-id: http://core.svn.wordpress.org/trunk@41207 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-12 03:03:46 -04:00
#customize-controls #customize-notifications-area > ul,
Customize: Add notifications API to sections and panels. * Adds a `notifications` property to instances of `wp.customize.Panel` and `wp.customize.Section`. * Adds a `setupNotifications()` method to `Panel`, `Section`, and `Control`. * Adds a `getNotificationsContainerElement()` method to the `Panel` and `Section` classes, like `Control` has. * Replace hard-coded notification in header media section with a notification. * Limit rendering notifications to panels and sections that are expanded, and to controls that have an expanded section. See #34893, #35210, #38778. Fixes #38794. Built from https://develop.svn.wordpress.org/trunk@41390 git-svn-id: http://core.svn.wordpress.org/trunk@41223 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-19 01:40:44 -04:00
#customize-controls #customize-notifications-area .notice,
#customize-controls .panel-meta > .customize-control-notifications-container,
#customize-controls .panel-meta > .customize-control-notifications-container .notice,
#customize-controls .customize-section-title > .customize-control-notifications-container,
#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
Customize: Add global notifications area. * Displays an error notification in the global area when a save attempt is rejected due to invalid settings. An error notification is also displayed when saving fails due to a network error or server error. * Introduces `wp.customize.Notifications` subclass of `wp.customize.Values` to contain instances of `wp.customize.Notification` and manage their rendering into a container. * Exposes the global notification area as `wp.customize.notifications` collection instance. * Updates the `notifications` object on `Control` to use `Notifications` rather than `Values` and to re-use the rendering logic from the former. The old `Control#renderNotifications` method is deprecated. * Allows notifications to be dismissed by instantiating them with a `dismissible` property. * Allows `wp.customize.Notification` to be extended with custom templates and `render` functions. * Triggers a `removed` event on `wp.customize.Values` instances _after_ a value has been removed from the collection. Props delawski, westonruter, karmatosed, celloexpressions, Fab1en, melchoyce, Kelderic, afercia, adamsilverstein. See #34893, #39896. Fixes #35210, #31582, #37727, #37269. Built from https://develop.svn.wordpress.org/trunk@41374 git-svn-id: http://core.svn.wordpress.org/trunk@41207 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-12 03:03:46 -04:00
margin: 0;
}
Customize: Add notifications API to sections and panels. * Adds a `notifications` property to instances of `wp.customize.Panel` and `wp.customize.Section`. * Adds a `setupNotifications()` method to `Panel`, `Section`, and `Control`. * Adds a `getNotificationsContainerElement()` method to the `Panel` and `Section` classes, like `Control` has. * Replace hard-coded notification in header media section with a notification. * Limit rendering notifications to panels and sections that are expanded, and to controls that have an expanded section. See #34893, #35210, #38778. Fixes #38794. Built from https://develop.svn.wordpress.org/trunk@41390 git-svn-id: http://core.svn.wordpress.org/trunk@41223 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-19 01:40:44 -04:00
#customize-controls .panel-meta > .customize-control-notifications-container,
#customize-controls .customize-section-title > .customize-control-notifications-container {
border-top: 1px solid #ddd;
}
#customize-controls #customize-notifications-area .notice,
#customize-controls .panel-meta > .customize-control-notifications-container .notice,
#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
Customize: Add global notifications area. * Displays an error notification in the global area when a save attempt is rejected due to invalid settings. An error notification is also displayed when saving fails due to a network error or server error. * Introduces `wp.customize.Notifications` subclass of `wp.customize.Values` to contain instances of `wp.customize.Notification` and manage their rendering into a container. * Exposes the global notification area as `wp.customize.notifications` collection instance. * Updates the `notifications` object on `Control` to use `Notifications` rather than `Values` and to re-use the rendering logic from the former. The old `Control#renderNotifications` method is deprecated. * Allows notifications to be dismissed by instantiating them with a `dismissible` property. * Allows `wp.customize.Notification` to be extended with custom templates and `render` functions. * Triggers a `removed` event on `wp.customize.Values` instances _after_ a value has been removed from the collection. Props delawski, westonruter, karmatosed, celloexpressions, Fab1en, melchoyce, Kelderic, afercia, adamsilverstein. See #34893, #39896. Fixes #35210, #31582, #37727, #37269. Built from https://develop.svn.wordpress.org/trunk@41374 git-svn-id: http://core.svn.wordpress.org/trunk@41207 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-12 03:03:46 -04:00
padding: 9px 14px;
}
Customize: Add notifications API to sections and panels. * Adds a `notifications` property to instances of `wp.customize.Panel` and `wp.customize.Section`. * Adds a `setupNotifications()` method to `Panel`, `Section`, and `Control`. * Adds a `getNotificationsContainerElement()` method to the `Panel` and `Section` classes, like `Control` has. * Replace hard-coded notification in header media section with a notification. * Limit rendering notifications to panels and sections that are expanded, and to controls that have an expanded section. See #34893, #35210, #38778. Fixes #38794. Built from https://develop.svn.wordpress.org/trunk@41390 git-svn-id: http://core.svn.wordpress.org/trunk@41223 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-19 01:40:44 -04:00
#customize-controls #customize-notifications-area .notice.is-dismissible,
#customize-controls .panel-meta > .customize-control-notifications-container .notice.is-dismissible,
#customize-controls .customize-section-title > .customize-control-notifications-container .notice.is-dismissible {
Customize: Add global notifications area. * Displays an error notification in the global area when a save attempt is rejected due to invalid settings. An error notification is also displayed when saving fails due to a network error or server error. * Introduces `wp.customize.Notifications` subclass of `wp.customize.Values` to contain instances of `wp.customize.Notification` and manage their rendering into a container. * Exposes the global notification area as `wp.customize.notifications` collection instance. * Updates the `notifications` object on `Control` to use `Notifications` rather than `Values` and to re-use the rendering logic from the former. The old `Control#renderNotifications` method is deprecated. * Allows notifications to be dismissed by instantiating them with a `dismissible` property. * Allows `wp.customize.Notification` to be extended with custom templates and `render` functions. * Triggers a `removed` event on `wp.customize.Values` instances _after_ a value has been removed from the collection. Props delawski, westonruter, karmatosed, celloexpressions, Fab1en, melchoyce, Kelderic, afercia, adamsilverstein. See #34893, #39896. Fixes #35210, #31582, #37727, #37269. Built from https://develop.svn.wordpress.org/trunk@41374 git-svn-id: http://core.svn.wordpress.org/trunk@41207 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-12 03:03:46 -04:00
padding-right: 38px;
}
Customize: Add notifications API to sections and panels. * Adds a `notifications` property to instances of `wp.customize.Panel` and `wp.customize.Section`. * Adds a `setupNotifications()` method to `Panel`, `Section`, and `Control`. * Adds a `getNotificationsContainerElement()` method to the `Panel` and `Section` classes, like `Control` has. * Replace hard-coded notification in header media section with a notification. * Limit rendering notifications to panels and sections that are expanded, and to controls that have an expanded section. See #34893, #35210, #38778. Fixes #38794. Built from https://develop.svn.wordpress.org/trunk@41390 git-svn-id: http://core.svn.wordpress.org/trunk@41223 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-19 01:40:44 -04:00
#customize-controls #customize-notifications-area .notice + .notice,
#customize-controls .panel-meta > .customize-control-notifications-container .notice + .notice,
#customize-controls .customize-section-title > .customize-control-notifications-container .notice + .notice {
Customize: Add global notifications area. * Displays an error notification in the global area when a save attempt is rejected due to invalid settings. An error notification is also displayed when saving fails due to a network error or server error. * Introduces `wp.customize.Notifications` subclass of `wp.customize.Values` to contain instances of `wp.customize.Notification` and manage their rendering into a container. * Exposes the global notification area as `wp.customize.notifications` collection instance. * Updates the `notifications` object on `Control` to use `Notifications` rather than `Values` and to re-use the rendering logic from the former. The old `Control#renderNotifications` method is deprecated. * Allows notifications to be dismissed by instantiating them with a `dismissible` property. * Allows `wp.customize.Notification` to be extended with custom templates and `render` functions. * Triggers a `removed` event on `wp.customize.Values` instances _after_ a value has been removed from the collection. Props delawski, westonruter, karmatosed, celloexpressions, Fab1en, melchoyce, Kelderic, afercia, adamsilverstein. See #34893, #39896. Fixes #35210, #31582, #37727, #37269. Built from https://develop.svn.wordpress.org/trunk@41374 git-svn-id: http://core.svn.wordpress.org/trunk@41207 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-12 03:03:46 -04:00
margin-top: 1px;
}
Customize: Add infrastructure for trashing/reverting of unpublished changes; introduce full-screen `OverlayNotification` for trashing and theme install/preview. * Introduce a new `wp.customize.previewer.trash()` JS API to trash the current changeset, along with logic to `WP_Customize_Manager` to handle deleting changeset drafts. * Add `trashing` to `wp.customize.state` which is then used to update the UI. * UI for trashing is pending design feedback. One possibility is to add a new trash button to Publish Settings section that invokes `wp.customize.previewer.trash()`. * Improve logic for managing the visibility and disabled states for publish buttons. * Prevent attempting `requestChangesetUpdate` while processing and bump processing while doing `save`. * Update `changeset_date` state only if sent in save response. * Merge `ThemesSection#loadThemePreview()` into `ThemesPanel#loadThemePreview()`. * Remove unused `autosaved` state. * Start autosaving and prompting at beforeunload after a change first happens. This is key for theme previews since even if a user did not make any changes, there were still dirty settings which would get stored in an auto-draft unexpectedly. * Allow `Notification` to accept additional `classes` to be added to `container`. * Introduce `OverlayNotification` and use for theme installing, previewing, and trashing. Such overlay notifications take over the entire window. Props westonruter, celloexpressions. See #37661, #39896, #21666, #35210. Built from https://develop.svn.wordpress.org/trunk@41667 git-svn-id: http://core.svn.wordpress.org/trunk@41501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-01 23:37:46 -04:00
@-webkit-keyframes customize-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes customize-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
#customize-controls .notice.notification-overlay,
#customize-controls #customize-notifications-area .notice.notification-overlay {
margin: 0;
border-left: 0; /* @todo Appropriate styles could be added for notice-error, notice-warning, notice-success, etc */
}
#customize-controls .customize-control-notifications-container.has-overlay-notifications {
-webkit-animation: customize-fade-in 0.5s;
animation: customize-fade-in 0.5s;
z-index: 30;
}
/* Note: Styles for this are also defined in themes.css */
#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message {
clear: both;
color: #191e23;
font-size: 18px;
font-style: normal;
margin: 0;
padding: 2em 0;
text-align: center;
width: 100%;
display: block;
top: 50%;
position: relative;
}
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-09 19:27:10 -05:00
/* Style for custom settings */
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-22 20:04:18 -04:00
Customize: Show notification error with "Your homepage displays" control when homepage and posts page are set to be the same (but not empty). * Show global error notiafication when saving is blocked due to client-side setting invalidity. * Refactor `wp.customize.Notifications#render()` to ensure a notification re-renders if its `message` or data changes but its `code` does not. Props MatheusGimenez, sixhours, westonruter, karmatosed, aocean90, zoonini, michelleweber, melchoyce. See #35210. Fixes #21492. Built from https://develop.svn.wordpress.org/trunk@41389 git-svn-id: http://core.svn.wordpress.org/trunk@41222 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-18 20:46:45 -04:00
/**
* Static front page
*/
#customize-control-show_on_front.has-error {
margin-bottom: 0;
}
#customize-control-show_on_front.has-error .customize-control-notifications-container {
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
margin-top: 12px;
Customize: Show notification error with "Your homepage displays" control when homepage and posts page are set to be the same (but not empty). * Show global error notiafication when saving is blocked due to client-side setting invalidity. * Refactor `wp.customize.Notifications#render()` to ensure a notification re-renders if its `message` or data changes but its `code` does not. Props MatheusGimenez, sixhours, westonruter, karmatosed, aocean90, zoonini, michelleweber, melchoyce. See #35210. Fixes #21492. Built from https://develop.svn.wordpress.org/trunk@41389 git-svn-id: http://core.svn.wordpress.org/trunk@41222 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-18 20:46:45 -04:00
}
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 16:15:26 -04:00
/**
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-22 20:04:18 -04:00
* Dropdowns
*/
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 16:15:26 -04:00
Refactor the Customizer accordion so that it can be used in other locations. fixes #23449. props lessbloat, aaroncampbell git-svn-id: http://core.svn.wordpress.org/trunk@23417 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-02-14 17:58:04 -05:00
.accordion-section .dropdown {
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-22 20:04:18 -04:00
float: left;
display: block;
position: relative;
cursor: pointer;
}
Refactor the Customizer accordion so that it can be used in other locations. fixes #23449. props lessbloat, aaroncampbell git-svn-id: http://core.svn.wordpress.org/trunk@23417 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-02-14 17:58:04 -05:00
.accordion-section .dropdown-content {
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-22 20:04:18 -04:00
overflow: hidden;
float: left;
min-width: 30px;
height: 16px;
line-height: 16px;
margin-right: 16px;
padding: 4px 5px;
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 09:57:26 -04:00
border: 2px solid #eee;
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-22 20:04:18 -04:00
-webkit-user-select: none;
-moz-user-select: none;
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 03:30:17 -05:00
-ms-user-select: none;
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-22 20:04:18 -04:00
user-select: none;
}
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 16:44:26 -05:00
/* @todo maybe no more used? */
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-22 20:04:18 -04:00
.customize-control .dropdown-arrow {
position: absolute;
top: 0;
bottom: 0;
right: 0;
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-09 19:27:10 -05:00
width: 20px;
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 09:57:26 -04:00
background: #eee;
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-22 20:04:18 -04:00
}
.customize-control .dropdown-arrow:after {
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-09 19:27:10 -05:00
content: "\f140";
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 15:57:25 -04:00
font: normal 20px/1 dashicons;
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-09 19:27:10 -05:00
speak: none;
display: block;
padding: 0;
text-indent: 0;
text-align: center;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
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 17:20:27 -04:00
color: #32373c;
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-22 20:04:18 -04:00
}
.customize-control .dropdown-status {
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 17:20:27 -04:00
color: #32373c;
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 09:57:26 -04:00
background: #eee;
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-22 20:04:18 -04:00
display: none;
max-width: 112px;
}
.customize-control-color .dropdown {
margin-right: 5px;
margin-bottom: 5px;
}
.customize-control-color .dropdown .dropdown-content {
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 13:11:31 -05:00
background-color: #555d66;
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-09 19:27:10 -05:00
border: 1px solid rgba(0, 0, 0, 0.15);
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-22 20:04:18 -04:00
}
.customize-control-color .dropdown:hover .dropdown-content {
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-09 19:27:10 -05:00
border-color: rgba(0, 0, 0, 0.25);
}
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-22 20:04:18 -04:00
/**
* iOS can't scroll iframes,
* instead it expands the iframe size to match the size of the content
*/
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 16:15:26 -04:00
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-22 20:04:18 -04:00
.ios .wp-full-overlay {
position: relative;
}
.ios #customize-controls .wp-full-overlay-sidebar-content {
-webkit-overflow-scrolling: touch;
}
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 16:15:26 -04:00
/* Media controls */
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
Customize: Make the media control buttons natural-width. Natural-width buttons are better for translations, and don't feel as overpowering as the half-width (and full-width) buttons. Props melchoyce, timmydcrawford, afercia. Fixes #40220. Built from https://develop.svn.wordpress.org/trunk@40653 git-svn-id: http://core.svn.wordpress.org/trunk@40516 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-12 13:50:44 -04:00
.customize-control .actions .button {
margin-top: 12px;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
Customize: For Header Image, ensure "Previously uploaded" and "Suggested" headings are hidden when lists are empty. Fixes regression introduced with the addition of control notifications in [37476]. The container element for notifications is injected after the `.customize-control-title` element if the `.customize-control-notifications-container` element does not already exist in the control's template. Also adds missing margin between current image and uploaded images. Props bradyvercher. See #34893. Fixes #38561. Built from https://develop.svn.wordpress.org/trunk@39145 git-svn-id: http://core.svn.wordpress.org/trunk@39085 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 19:15:33 -04:00
.customize-control-header .actions,
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .uploaded {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
margin-bottom: 18px;
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .uploaded button:not(.random),
.customize-control-header .default button:not(.random) {
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
width: 100%;
padding: 0;
margin: 0;
background: none;
border: none;
color: inherit;
cursor: pointer;
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header button img {
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
display: block;
}
Customize: Clean up media control CSS. Removes unnecessary wrapper elements and refactors class names to eliminate duplication of rule selectors. Props celloexpressions. Fixes #30618. Built from https://develop.svn.wordpress.org/trunk@37426 git-svn-id: http://core.svn.wordpress.org/trunk@37392 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-12 16:23:54 -04:00
.customize-control .attachment-media-view .remove-button,
.customize-control .attachment-media-view .default-button,
.customize-control .attachment-media-view .upload-button,
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header button.new,
.customize-control-header button.remove {
Customize: Make the media control buttons natural-width. Natural-width buttons are better for translations, and don't feel as overpowering as the half-width (and full-width) buttons. Props melchoyce, timmydcrawford, afercia. Fixes #40220. Built from https://develop.svn.wordpress.org/trunk@40653 git-svn-id: http://core.svn.wordpress.org/trunk@40516 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-12 13:50:44 -04:00
width: auto;
Custom Headers: Allow for longer strings. props ehg. see #27755. Built from https://develop.svn.wordpress.org/trunk@28086 git-svn-id: http://core.svn.wordpress.org/trunk@27917 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-12 14:40:14 -04:00
height: auto;
Customize: Make the media control buttons natural-width. Natural-width buttons are better for translations, and don't feel as overpowering as the half-width (and full-width) buttons. Props melchoyce, timmydcrawford, afercia. Fixes #40220. Built from https://develop.svn.wordpress.org/trunk@40653 git-svn-id: http://core.svn.wordpress.org/trunk@40516 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-12 13:50:44 -04:00
white-space: normal;
Custom Headers: Allow for longer strings. props ehg. see #27755. Built from https://develop.svn.wordpress.org/trunk@28086 git-svn-id: http://core.svn.wordpress.org/trunk@27917 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-12 14:40:14 -04:00
}
Customize: Clean up media control CSS. Removes unnecessary wrapper elements and refactors class names to eliminate duplication of rule selectors. Props celloexpressions. Fixes #30618. Built from https://develop.svn.wordpress.org/trunk@37426 git-svn-id: http://core.svn.wordpress.org/trunk@37392 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-12 16:23:54 -04:00
.customize-control .attachment-media-view .thumbnail,
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .current .container {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
overflow: hidden;
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
}
Customize: Clean up media control CSS. Removes unnecessary wrapper elements and refactors class names to eliminate duplication of rule selectors. Props celloexpressions. Fixes #30618. Built from https://develop.svn.wordpress.org/trunk@37426 git-svn-id: http://core.svn.wordpress.org/trunk@37392 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-12 16:23:54 -04:00
.customize-control .attachment-media-view .placeholder,
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .placeholder {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
width: 100%;
position: relative;
text-align: center;
cursor: default;
Customizer: Contain "No image set/selected" in dashed border. Props Ankit K Gupta, chris_dev. Fixes #35826. Built from https://develop.svn.wordpress.org/trunk@36639 git-svn-id: http://core.svn.wordpress.org/trunk@36606 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-02-23 12:27:26 -05:00
border: 1px dashed #b4b9be;
box-sizing: border-box;
Customize: Clean up media control CSS. Removes unnecessary wrapper elements and refactors class names to eliminate duplication of rule selectors. Props celloexpressions. Fixes #30618. Built from https://develop.svn.wordpress.org/trunk@37426 git-svn-id: http://core.svn.wordpress.org/trunk@37392 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-12 16:23:54 -04:00
padding: 9px 0;
line-height: 20px;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .inner {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
display: none;
position: absolute;
width: 100%;
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 13:11:31 -05:00
color: #555d66;
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .inner,
.customize-control-header .inner .dashicons {
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
line-height: 20px;
Customizer: Contain "No image set/selected" in dashed border. Props Ankit K Gupta, chris_dev. Fixes #35826. Built from https://develop.svn.wordpress.org/trunk@36639 git-svn-id: http://core.svn.wordpress.org/trunk@36606 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-02-23 12:27:26 -05:00
top: 8px;
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .list .inner,
.customize-control-header .list .inner .dashicons {
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
top: 9px;
}
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .header-view {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
position: relative;
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
width: 100%;
Customize: Make the media control buttons natural-width. Natural-width buttons are better for translations, and don't feel as overpowering as the half-width (and full-width) buttons. Props melchoyce, timmydcrawford, afercia. Fixes #40220. Built from https://develop.svn.wordpress.org/trunk@40653 git-svn-id: http://core.svn.wordpress.org/trunk@40516 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-12 13:50:44 -04:00
margin-bottom: 12px;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .header-view:last-child {
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
margin-bottom: 0px;
}
/* Convoluted, but 'outline' support isn't good enough yet */
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .header-view:after {
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
border: 0;
}
Customize: Keep previously uploaded header images in place. On the Header Image section, the previously uploaded images disappeared off-screen when using the keyboard to navigate and the remove "X" button got keyboard focus. Changing the off-screen CSS technique used for the "X" buttons fixes it. - improves the focus style on the previously uploaded and suggested images - removes a `tabindex="0"` attribute from the current header image Fixes #38156. Built from https://develop.svn.wordpress.org/trunk@38881 git-svn-id: http://core.svn.wordpress.org/trunk@38824 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-23 15:57:32 -04:00
.customize-control-header .header-view.selected .choice:focus {
outline: none;
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .header-view.selected:after {
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
content: '';
position: absolute;
Custom Headers: Allow for longer strings. props ehg. see #27755. Built from https://develop.svn.wordpress.org/trunk@28086 git-svn-id: http://core.svn.wordpress.org/trunk@27917 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-12 14:40:14 -04:00
height: auto;
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
top: 0;
left: 0;
bottom: 0;
right: 0;
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 17:20:27 -04:00
border: 4px solid #00a0d2;
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
border-radius: 2px;
}
Customize: Keep previously uploaded header images in place. On the Header Image section, the previously uploaded images disappeared off-screen when using the keyboard to navigate and the remove "X" button got keyboard focus. Changing the off-screen CSS technique used for the "X" buttons fixes it. - improves the focus style on the previously uploaded and suggested images - removes a `tabindex="0"` attribute from the current header image Fixes #38156. Built from https://develop.svn.wordpress.org/trunk@38881 git-svn-id: http://core.svn.wordpress.org/trunk@38824 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-23 15:57:32 -04:00
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .header-view.button.selected {
Header images: Accessibility and style improvements. Headers no longer jump around when chosen. props mcsf, ehg. see #21785. Built from https://develop.svn.wordpress.org/trunk@27947 git-svn-id: http://core.svn.wordpress.org/trunk@27777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-04 11:49:15 -04:00
border: 0;
}
/* Header control: overlay "close" button */
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .uploaded .header-view .close {
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. Built from https://develop.svn.wordpress.org/trunk@32382 git-svn-id: http://core.svn.wordpress.org/trunk@32352 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-05-06 06:54:27 -04:00
font-size: 20px;
color: #fff;
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 13:11:31 -05:00
background: #555d66;
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. Built from https://develop.svn.wordpress.org/trunk@32382 git-svn-id: http://core.svn.wordpress.org/trunk@32352 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-05-06 06:54:27 -04:00
background: rgba(0, 0, 0, 0.5);
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
position: absolute;
top: 10px;
Customize: Keep previously uploaded header images in place. On the Header Image section, the previously uploaded images disappeared off-screen when using the keyboard to navigate and the remove "X" button got keyboard focus. Changing the off-screen CSS technique used for the "X" buttons fixes it. - improves the focus style on the previously uploaded and suggested images - removes a `tabindex="0"` attribute from the current header image Fixes #38156. Built from https://develop.svn.wordpress.org/trunk@38881 git-svn-id: http://core.svn.wordpress.org/trunk@38824 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-23 15:57:32 -04:00
left: -999px;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
z-index: 1;
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. Built from https://develop.svn.wordpress.org/trunk@32382 git-svn-id: http://core.svn.wordpress.org/trunk@32352 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-05-06 06:54:27 -04:00
width: 26px;
height: 26px;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
cursor: pointer;
}
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. Built from https://develop.svn.wordpress.org/trunk@32382 git-svn-id: http://core.svn.wordpress.org/trunk@32352 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-05-06 06:54:27 -04:00
.customize-control-header .header-view:hover .close,
.customize-control-header .header-view .close:focus {
Customize: Keep previously uploaded header images in place. On the Header Image section, the previously uploaded images disappeared off-screen when using the keyboard to navigate and the remove "X" button got keyboard focus. Changing the off-screen CSS technique used for the "X" buttons fixes it. - improves the focus style on the previously uploaded and suggested images - removes a `tabindex="0"` attribute from the current header image Fixes #38156. Built from https://develop.svn.wordpress.org/trunk@38881 git-svn-id: http://core.svn.wordpress.org/trunk@38824 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-23 15:57:32 -04:00
left: auto;
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. Built from https://develop.svn.wordpress.org/trunk@32382 git-svn-id: http://core.svn.wordpress.org/trunk@32352 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-05-06 06:54:27 -04:00
right: 10px;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
Customize: Keep previously uploaded header images in place. On the Header Image section, the previously uploaded images disappeared off-screen when using the keyboard to navigate and the remove "X" button got keyboard focus. Changing the off-screen CSS technique used for the "X" buttons fixes it. - improves the focus style on the previously uploaded and suggested images - removes a `tabindex="0"` attribute from the current header image Fixes #38156. Built from https://develop.svn.wordpress.org/trunk@38881 git-svn-id: http://core.svn.wordpress.org/trunk@38824 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-23 15:57:32 -04:00
.customize-control-header .header-view .close:focus {
outline: 1px solid #5b9dd9;
}
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
/* Header control: randomiz(s)er */
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .random.placeholder {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
cursor: pointer;
border-radius: 2px;
height: 40px;
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header button.random {
Header images: Improve accessibility of Randomize buttons. props ehg. see #27598, #21785. Built from https://develop.svn.wordpress.org/trunk@27970 git-svn-id: http://core.svn.wordpress.org/trunk@27800 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-06 15:28:16 -04:00
width: 100%;
Custom Headers: Allow for longer strings. props ehg. see #27755. Built from https://develop.svn.wordpress.org/trunk@28086 git-svn-id: http://core.svn.wordpress.org/trunk@27917 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-12 14:40:14 -04:00
height: auto;
min-height: 40px;
white-space: normal;
Header images: Improve accessibility of Randomize buttons. props ehg. see #27598, #21785. Built from https://develop.svn.wordpress.org/trunk@27970 git-svn-id: http://core.svn.wordpress.org/trunk@27800 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-06 15:28:16 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header button.random .dice {
Header images: Improve accessibility of Randomize buttons. props ehg. see #27598, #21785. Built from https://develop.svn.wordpress.org/trunk@27970 git-svn-id: http://core.svn.wordpress.org/trunk@27800 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-06 15:28:16 -04:00
margin-top: 4px;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .placeholder:hover .dice,
.customize-control-header .header-view:hover > button.random .dice {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
-webkit-animation: dice-color-change 3s infinite;
animation: dice-color-change 3s infinite;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
.button-see-me {
-webkit-animation: bounce .7s 1;
animation: bounce .7s 1;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -12px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -6px, 0);
}
90% {
-webkit-transform: translate3d(0,-1px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0);
}
90% {
-webkit-transform: translate3d(0,-1px,0);
transform: translate3d(0,-1px,0);
}
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .choice {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
position: relative;
display: block;
margin-bottom: 9px;
}
Customize: Keep previously uploaded header images in place. On the Header Image section, the previously uploaded images disappeared off-screen when using the keyboard to navigate and the remove "X" button got keyboard focus. Changing the off-screen CSS technique used for the "X" buttons fixes it. - improves the focus style on the previously uploaded and suggested images - removes a `tabindex="0"` attribute from the current header image Fixes #38156. Built from https://develop.svn.wordpress.org/trunk@38881 git-svn-id: http://core.svn.wordpress.org/trunk@38824 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-23 15:57:32 -04:00
.customize-control-header .choice:focus {
outline: none;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 3px 1px rgba(30, 140, 190, .8);
}
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .uploaded div:last-child > .choice {
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
margin-bottom: 0;
}
Customize: Clean up media control CSS. Removes unnecessary wrapper elements and refactors class names to eliminate duplication of rule selectors. Props celloexpressions. Fixes #30618. Built from https://develop.svn.wordpress.org/trunk@37426 git-svn-id: http://core.svn.wordpress.org/trunk@37392 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-12 16:23:54 -04:00
.customize-control .attachment-media-view .thumbnail-image img,
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header img {
Customize: Prevent image controls with selected images smaller than pane width from being distorted through stretching to fit width. Props celloexpressions. Fixes #37277. Built from https://develop.svn.wordpress.org/trunk@37957 git-svn-id: http://core.svn.wordpress.org/trunk@37898 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-07-04 17:45:28 -04:00
max-width: 100%;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
Customize: Clean up media control CSS. Removes unnecessary wrapper elements and refactors class names to eliminate duplication of rule selectors. Props celloexpressions. Fixes #30618. Built from https://develop.svn.wordpress.org/trunk@37426 git-svn-id: http://core.svn.wordpress.org/trunk@37392 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-12 16:23:54 -04:00
.customize-control .attachment-media-view .remove-button,
.customize-control .attachment-media-view .default-button,
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. Built from https://develop.svn.wordpress.org/trunk@30712 git-svn-id: http://core.svn.wordpress.org/trunk@30702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-02 16:55:23 -05:00
.customize-control-header .remove {
Customize: Make the media control buttons natural-width. Natural-width buttons are better for translations, and don't feel as overpowering as the half-width (and full-width) buttons. Props melchoyce, timmydcrawford, afercia. Fixes #40220. Built from https://develop.svn.wordpress.org/trunk@40653 git-svn-id: http://core.svn.wordpress.org/trunk@40516 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-12 13:50:44 -04:00
margin-right: 8px;
Add header image uploads with cropping to the customizer. props mcsf, ehg, gcorne. see #21785. Built from https://develop.svn.wordpress.org/trunk@27497 git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:13:16 -04:00
}
Customize: Improve custom background properties UI. Introduces new control for managing the background position. Adds control for setting the `background-size`. Props cdog, celloexpressions, grapplerulrich, MikeHansenMe, FolioVision, afercia, helen, melchoyce, karmatosed, westonruter, Kelderic, sebastian.pisula. Fixes #22058. Built from https://develop.svn.wordpress.org/trunk@38948 git-svn-id: http://core.svn.wordpress.org/trunk@38891 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 02:52:29 -04:00
/* Background position control */
.customize-control-background_position .background-position-control .button-group {
display: block;
}
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
/**
Customize: Introduce extensible code editor Customizer control for CodeMirror. * Adds `WP_Customize_Code_Editor_Control` and `wp.customize.CodeEditorControl()`. * Control respects user preference for syntax highlighting, showing a textarea when user opts out. * Code editor control takes the ad hoc code for Additional CSS and makes it reusable and extensible, for Additional CSS in core and plugins to use (such as Jetpack). * Replace `settings` arg in `wp_enqueue_code_editor()` with separate args for `codemirror`, `csslint`, `jshint`, and `htmlhint`. * Prefix `codemirror` script and style handles with `wp-` to prevent collisions, as also the object is exported as `wp.CodeMirror` in JS. * Reduce indent size in Customizer code editor instances and Custom HTML widget to use tab size of 2 instead of 4 to save on space. See #12423, #38707, #35395. Fixes #41897. Built from https://develop.svn.wordpress.org/trunk@41558 git-svn-id: http://core.svn.wordpress.org/trunk@41391 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-21 19:04:45 -04:00
* Code Editor Control and Custom CSS Section
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
*
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
* Modifications to the Section Container to make the textarea full-width and
* full-height, if the control is the only control in the section.
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
*/
Customize: Introduce extensible code editor Customizer control for CodeMirror. * Adds `WP_Customize_Code_Editor_Control` and `wp.customize.CodeEditorControl()`. * Control respects user preference for syntax highlighting, showing a textarea when user opts out. * Code editor control takes the ad hoc code for Additional CSS and makes it reusable and extensible, for Additional CSS in core and plugins to use (such as Jetpack). * Replace `settings` arg in `wp_enqueue_code_editor()` with separate args for `codemirror`, `csslint`, `jshint`, and `htmlhint`. * Prefix `codemirror` script and style handles with `wp-` to prevent collisions, as also the object is exported as `wp.CodeMirror` in JS. * Reduce indent size in Customizer code editor instances and Custom HTML widget to use tab size of 2 instead of 4 to save on space. See #12423, #38707, #35395. Fixes #41897. Built from https://develop.svn.wordpress.org/trunk@41558 git-svn-id: http://core.svn.wordpress.org/trunk@41391 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-21 19:04:45 -04:00
.customize-control-code_editor textarea {
width: 100%;
font-family: Consolas, Monaco, monospace;
font-size: 12px;
padding: 6px 8px;
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 2;
}
.customize-control-code_editor textarea,
.customize-control-code_editor .CodeMirror {
height: 14em;
}
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
#customize-controls .customize-section-description-container.section-meta.customize-info {
border-bottom: none;
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
}
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
#sub-accordion-section-custom_css .customize-control-notifications-container {
margin-bottom: 15px;
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
}
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
#customize-control-custom_css textarea {
display: block;
height: 500px;
Customize: Allow tab characters in custom CSS input. Pressing `Esc` followed by `Tab` allows for tabbing to the next element. Props afercia, coffee2code, westonruter. See #35395. Fixes #38667. Built from https://develop.svn.wordpress.org/trunk@39149 git-svn-id: http://core.svn.wordpress.org/trunk@39089 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-06 14:09:33 -05:00
}
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
Accessibility: CodeMirror editing areas minor improvements. - properly labels all the code editor areas (Theme/Plugin, Custom HTML widget, Additional CSS), whether CodeMirror is enabled or disabled - adds `role="textbox"` and `aria-multiline="true"` to the CodeMirror editing area to allow assistive technologies properly identify it as a textarea - standardizes the "keyboard trap" help text across the admin and keeps it as a list for better readability - use the Help text elements as target for `aria-describedby`, to make screen readers read out the help text when focusing the editors - fixes the `aria-expanded` attribute usage in the Customizer "Additional CSS" help toggle - moves focus to the CodeMirror editing area when clicking on the associated label - in the Plugin editor screen: changes a `<big>` element to `<h2>` for better semantics and consistency with the Theme editor screen - also, removes a few textdomain leftovers, see `better-code-editing` and `default` Props westonruter, melchoyce, afercia. Fixes #41872. Built from https://develop.svn.wordpress.org/trunk@41586 git-svn-id: http://core.svn.wordpress.org/trunk@41419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-24 12:00:46 -04:00
.customize-section-description-container + #customize-control-custom_css .customize-control-title {
margin-left: 12px;
}
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
.customize-section-description-container + #customize-control-custom_css:last-child textarea {
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
border-right: 0;
border-left: 0;
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
height: calc( 100vh - 185px );
resize: none;
}
Accessibility: CodeMirror editing areas minor improvements. - properly labels all the code editor areas (Theme/Plugin, Custom HTML widget, Additional CSS), whether CodeMirror is enabled or disabled - adds `role="textbox"` and `aria-multiline="true"` to the CodeMirror editing area to allow assistive technologies properly identify it as a textarea - standardizes the "keyboard trap" help text across the admin and keeps it as a list for better readability - use the Help text elements as target for `aria-describedby`, to make screen readers read out the help text when focusing the editors - fixes the `aria-expanded` attribute usage in the Customizer "Additional CSS" help toggle - moves focus to the CodeMirror editing area when clicking on the associated label - in the Plugin editor screen: changes a `<big>` element to `<h2>` for better semantics and consistency with the Theme editor screen - also, removes a few textdomain leftovers, see `better-code-editing` and `default` Props westonruter, melchoyce, afercia. Fixes #41872. Built from https://develop.svn.wordpress.org/trunk@41586 git-svn-id: http://core.svn.wordpress.org/trunk@41419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-24 12:00:46 -04:00
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
.customize-section-description-container + #customize-control-custom_css:last-child {
margin-left: -12px;
width: 299px;
Customize: Increase width of controls pane on large monitors to give more room. Props celloexpressions, timmydcrawford. Fixes #32296. Built from https://develop.svn.wordpress.org/trunk@40511 git-svn-id: http://core.svn.wordpress.org/trunk@40387 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-04-21 01:25:43 -04:00
width: calc( 100% + 24px );
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
margin-bottom: -12px;
}
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion. * Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed. * The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields. * Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP. * When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint. * When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites. * The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892. * The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global. * An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code. * A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default. * Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`. Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde. See #38707. Fixes #12423, #39892. Built from https://develop.svn.wordpress.org/trunk@41376 git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
.customize-section-description-container + #customize-control-custom_css:last-child .CodeMirror {
height: calc( 100vh - 185px );
}
Accessibility: CodeMirror editing areas minor improvements. - properly labels all the code editor areas (Theme/Plugin, Custom HTML widget, Additional CSS), whether CodeMirror is enabled or disabled - adds `role="textbox"` and `aria-multiline="true"` to the CodeMirror editing area to allow assistive technologies properly identify it as a textarea - standardizes the "keyboard trap" help text across the admin and keeps it as a list for better readability - use the Help text elements as target for `aria-describedby`, to make screen readers read out the help text when focusing the editors - fixes the `aria-expanded` attribute usage in the Customizer "Additional CSS" help toggle - moves focus to the CodeMirror editing area when clicking on the associated label - in the Plugin editor screen: changes a `<big>` element to `<h2>` for better semantics and consistency with the Theme editor screen - also, removes a few textdomain leftovers, see `better-code-editing` and `default` Props westonruter, melchoyce, afercia. Fixes #41872. Built from https://develop.svn.wordpress.org/trunk@41586 git-svn-id: http://core.svn.wordpress.org/trunk@41419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-24 12:00:46 -04:00
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion. * Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed. * The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields. * Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP. * When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint. * When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites. * The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892. * The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global. * An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code. * A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default. * Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`. Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde. See #38707. Fixes #12423, #39892. Built from https://develop.svn.wordpress.org/trunk@41376 git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
.CodeMirror-lint-tooltip,
.CodeMirror-hints {
z-index: 500000 !important;
}
.customize-section-description-container + #customize-control-custom_css:last-child .customize-control-notifications-container {
margin-left: 12px;
margin-right: 12px;
}
Customize: Fix alignment of Customize, Activate, and Live Preview buttons appearing on the Themes admin screen. Amends [41893]. Props Mahvash-Fatima. See #42215. Fixes #42275. Built from https://develop.svn.wordpress.org/trunk@41949 git-svn-id: http://core.svn.wordpress.org/trunk@41783 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-19 14:10:47 -04:00
.theme-browser .theme.active .theme-actions,
.wp-customizer .theme-browser .theme .theme-actions {
padding: 10px 15px;
box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
}
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
@media screen and ( max-width: 640px ) {
.customize-section-description-container + #customize-control-custom_css:last-child {
margin-right: 0;
}
Accessibility: CodeMirror editing areas minor improvements. - properly labels all the code editor areas (Theme/Plugin, Custom HTML widget, Additional CSS), whether CodeMirror is enabled or disabled - adds `role="textbox"` and `aria-multiline="true"` to the CodeMirror editing area to allow assistive technologies properly identify it as a textarea - standardizes the "keyboard trap" help text across the admin and keeps it as a list for better readability - use the Help text elements as target for `aria-describedby`, to make screen readers read out the help text when focusing the editors - fixes the `aria-expanded` attribute usage in the Customizer "Additional CSS" help toggle - moves focus to the CodeMirror editing area when clicking on the associated label - in the Plugin editor screen: changes a `<big>` element to `<h2>` for better semantics and consistency with the Theme editor screen - also, removes a few textdomain leftovers, see `better-code-editing` and `default` Props westonruter, melchoyce, afercia. Fixes #41872. Built from https://develop.svn.wordpress.org/trunk@41586 git-svn-id: http://core.svn.wordpress.org/trunk@41419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-24 12:00:46 -04:00
Customize: Maximize height of Custom CSS `textarea` without causing doubled scrollbars. Textarea will fill vertical height of Custom CSS section for browsers that support `calc()` and when plugins don't add other controls to the section. Also run CSS autoprefixer. Props michaelarestad, westonruter. See #35395. Fixes #38755. Built from https://develop.svn.wordpress.org/trunk@39229 git-svn-id: http://core.svn.wordpress.org/trunk@39169 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-14 14:12:30 -05:00
.customize-section-description-container + #customize-control-custom_css:last-child textarea {
height: calc( 100vh - 140px );
}
Customize: Introduce custom CSS for extending theme styles. * Custom CSS is associated with a given theme and is displayed in an inline `style` element at the `wp_head` hook after the `wp_print_styles` is called so that it overrides any enqueued stylesheets. * A `wp_get_custom_css()` function is used for accessing the CSS associated with the current theme (or another theme) and a `wp_get_custom_css` filter for manipulating it. * CSS is managed in customizer via a new "Additional CSS" section with a single `textarea` control. * `WP_Customize_Section::$description_hidden` is introduced for hiding extended descriptions in customizer sections behind a help toggle as done with panels. * CSS is stored in a `custom_css` post type with the theme (stylesheet) slug as the `post_name`. * `WP_Customize_Custom_CSS_Setting` is introduced to handle validation of CSS, previewing, and persisting the CSS to the `custom_css` post type. * The `custom_css` setting is tied to a new `unfiltered_css` capability which maps to `unfiltered_html` by default. * Escaping the message in the notification template is removed to allow markup (`code` tags) to be rendered. See https://make.wordpress.org/core/2016/10/11/feature-proposal-better-theme-customizations-via-custom-css-with-live-previews/ Props johnregan3, celloexpressions, folletto, westonruter. Fixes #35395. Built from https://develop.svn.wordpress.org/trunk@38829 git-svn-id: http://core.svn.wordpress.org/trunk@38772 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-19 14:15:31 -04:00
}
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
/**
* Themes
*/
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 16:15:26 -04:00
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
#customize-theme-controls .control-panel-themes {
border-bottom: none;
}
#customize-theme-controls .control-panel-themes > .accordion-section-title:hover, /* Not a focusable element. */
#customize-theme-controls .control-panel-themes > .accordion-section-title {
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. Built from https://develop.svn.wordpress.org/trunk@31975 git-svn-id: http://core.svn.wordpress.org/trunk@31954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:51:27 -04:00
cursor: default;
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 12:15:29 -04:00
background: #fff;
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 13:11:31 -05:00
color: #555d66;
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 12:15:29 -04:00
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: none;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
border-right: none;
margin: 0 0 15px 0;
padding-right: 100px; /* Space for the button */
Customize: Add rightward-facing back button to Themes section header to improve navigation (since the section slides in from the left). Also serves to prototype for an upward-facing arrow in this location for a Publish Settings section. Props melchoyce, westonruter. See #39896, #40278, #21666. Built from https://develop.svn.wordpress.org/trunk@41368 git-svn-id: http://core.svn.wordpress.org/trunk@41201 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-11 01:23:48 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@31975 git-svn-id: http://core.svn.wordpress.org/trunk@31954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:51:27 -04:00
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 12:15:29 -04:00
#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child {
border-top: 0;
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. Built from https://develop.svn.wordpress.org/trunk@31975 git-svn-id: http://core.svn.wordpress.org/trunk@31954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:51:27 -04:00
}
Customize: Revert theme install feature. This is a great goal for core, and is close, but it is not in shape to be shipped for 4.7 and there is not enough time left in the development cycle to alter and polish sufficiently. There are bugs, but more than that, there are more fundamental questions around the use of existing UI, general UX, and how findable themes are (not) on the .org side. see #37661. Built from https://develop.svn.wordpress.org/trunk@39140 git-svn-id: http://core.svn.wordpress.org/trunk@39080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 13:18:26 -04:00
#customize-theme-controls .control-section-themes > .accordion-section-title:hover, /* Not a focusable element. */
#customize-theme-controls .control-section-themes > .accordion-section-title {
margin: 0 0 15px;
}
Customize: Fix loading of theme screenshots in themes section and remove erroneous borders on hover. Fixes regressions introduced in [38648]. Props delawski, mckernanin. See #34391. Fixes #38222. Built from https://develop.svn.wordpress.org/trunk@39153 git-svn-id: http://core.svn.wordpress.org/trunk@39093 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-07 16:47:30 -05:00
#customize-controls .customize-themes-panel .accordion-section-title:hover,
Customize: Revert theme install feature. This is a great goal for core, and is close, but it is not in shape to be shipped for 4.7 and there is not enough time left in the development cycle to alter and polish sufficiently. There are bugs, but more than that, there are more fundamental questions around the use of existing UI, general UX, and how findable themes are (not) on the .org side. see #37661. Built from https://develop.svn.wordpress.org/trunk@39140 git-svn-id: http://core.svn.wordpress.org/trunk@39080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 13:18:26 -04:00
#customize-controls .customize-themes-panel .accordion-section-title {
margin: 15px -8px;
}
#customize-controls .control-section-themes .accordion-section-title,
#customize-controls .customize-themes-panel .accordion-section-title {
padding-right: 100px; /* Space for the button */
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.control-panel-themes .accordion-section-title span.customize-action,
#customize-controls .customize-section-title span.customize-action,
Customize: Revert theme install feature. This is a great goal for core, and is close, but it is not in shape to be shipped for 4.7 and there is not enough time left in the development cycle to alter and polish sufficiently. There are bugs, but more than that, there are more fundamental questions around the use of existing UI, general UX, and how findable themes are (not) on the .org side. see #37661. Built from https://develop.svn.wordpress.org/trunk@39140 git-svn-id: http://core.svn.wordpress.org/trunk@39080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 13:18:26 -04:00
#customize-controls .control-section-themes .accordion-section-title span.customize-action,
Customize: Fix positioning of device-previewed window when publish settings are open. * Update date control padding. * Collapse publish settings section when opening panes for available widgets or nav menus. * Remove save and cog buttons in mobile preview only mode. * Move definition of `wp.customize.previewedDevice` to `wp.customize.state('previewedDevice')` for centralization, maintaining old alias. * Remove unused CSS because the section is inside form now. Props sayedwp, westonruter. See #39896. Fixes #42027, #42199. Built from https://develop.svn.wordpress.org/trunk@41860 git-svn-id: http://core.svn.wordpress.org/trunk@41694 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 17:21:55 -04:00
#customize-controls .customize-section-title span.customize-action {
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 09:57:26 -04:00
font-size: 13px;
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. Built from https://develop.svn.wordpress.org/trunk@31975 git-svn-id: http://core.svn.wordpress.org/trunk@31954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:51:27 -04:00
display: block;
font-weight: 400;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme {
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. Built from https://develop.svn.wordpress.org/trunk@31975 git-svn-id: http://core.svn.wordpress.org/trunk@31954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:51:27 -04:00
position: absolute;
right: 10px;
top: 50%;
margin-top: -14px;
Use numeric font weights instead of keywords. When Open Sans was in use, the `300`, `400`, and `600` weights were loaded. `400` is the equivalent of `normal`; however, `bold` is equivalent to `700`, not `600`. With the move to system fonts, we need to be specific rather than relying on the lack of a `700` weight. Not all system fonts include a `600` weight; in those instances, they will use the `bold`/`700` weight. The WordPress CSS Coding Standards have been updated accordingly. props coderste. see #36753. Built from https://develop.svn.wordpress.org/trunk@37740 git-svn-id: http://core.svn.wordpress.org/trunk@37705 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-06-17 14:37:28 -04:00
font-weight: 400;
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. Built from https://develop.svn.wordpress.org/trunk@31975 git-svn-id: http://core.svn.wordpress.org/trunk@31954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:51:27 -04:00
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
#customize-theme-controls .control-panel-themes > .accordion-section-title:after {
display: none;
}
.control-panel-themes .customize-themes-full-container {
position: fixed;
top: 0;
left: 0;
transition: .18s left ease-in-out;
Customize: Fix visibility of theme browser header in Safari. Props benoitchantre, afercia. See #42052, #37661. Built from https://develop.svn.wordpress.org/trunk@41863 git-svn-id: http://core.svn.wordpress.org/trunk@41697 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-15 00:59:10 -04:00
margin: 0 0 0 300px;
padding: 71px 0 25px;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
overflow-y: scroll;
width: calc(100% - 300px);
height: calc(100% - 96px);
background: #eee;
z-index: 20;
}
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
@media screen and (min-width: 1670px) {
.control-panel-themes .customize-themes-full-container {
width: 82%;
right: 0;
left: initial;
}
}
Customize: Prevent theme details modal from being clipped in Safari. Props afercia. See #42052, #37661. Built from https://develop.svn.wordpress.org/trunk@41871 git-svn-id: http://core.svn.wordpress.org/trunk@41705 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-16 00:41:45 -04:00
.modal-open .control-panel-themes .customize-themes-full-container {
overflow-y: visible;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
/* Animations for opening the themes panel */
Customize: Fix positioning of Preview button in mobile. Props Mahvash-Fatima. Fixes #42172. Built from https://develop.svn.wordpress.org/trunk@41853 git-svn-id: http://core.svn.wordpress.org/trunk@41687 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 04:23:50 -04:00
#customize-save-button-wrapper,
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
#customize-header-actions .spinner,
#customize-header-actions .customize-controls-preview-toggle {
Customize: Fix positioning of Preview button in mobile. Props Mahvash-Fatima. Fixes #42172. Built from https://develop.svn.wordpress.org/trunk@41853 git-svn-id: http://core.svn.wordpress.org/trunk@41687 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 04:23:50 -04:00
transition: .18s margin ease-in-out;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
}
#customize-footer-actions,
#customize-footer-actions .collapse-sidebar {
bottom: 0;
transition: .18s bottom ease-in-out;
}
.in-themes-panel:not(.animating) #customize-header-actions .spinner,
.in-themes-panel:not(.animating) #customize-header-actions .customize-controls-preview-toggle,
.in-themes-panel:not(.animating) #customize-preview,
.in-themes-panel:not(.animating) #customize-footer-actions {
visibility: hidden;
}
.wp-full-overlay.in-themes-panel {
background: #eee; /* Prevents a black flash when fading in the panel */
}
Customize: Fix positioning of Preview button in mobile. Props Mahvash-Fatima. Fixes #42172. Built from https://develop.svn.wordpress.org/trunk@41853 git-svn-id: http://core.svn.wordpress.org/trunk@41687 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 04:23:50 -04:00
.in-themes-panel #customize-save-button-wrapper,
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.in-themes-panel #customize-header-actions .spinner,
.in-themes-panel #customize-header-actions .customize-controls-preview-toggle {
Customize: Fix positioning of Preview button in mobile. Props Mahvash-Fatima. Fixes #42172. Built from https://develop.svn.wordpress.org/trunk@41853 git-svn-id: http://core.svn.wordpress.org/trunk@41687 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 04:23:50 -04:00
margin-top: -46px; /* Height of header actions bar */
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
}
.in-themes-panel #customize-footer-actions,
.in-themes-panel #customize-footer-actions .collapse-sidebar {
bottom: -45px;
}
/* Don't show the theme count while the panel opens, as it's in the wrong place during the animation */
.in-themes-panel.animating .control-panel-themes .filter-themes-count {
display: none;
}
.in-themes-panel.wp-full-overlay .wp-full-overlay-sidebar-content {
bottom: 0;
}
.themes-filter-bar .feature-filter-toggle {
float: right;
margin: 3px 0 3px 25px;
}
.themes-filter-bar .feature-filter-toggle:before {
content: "\f111";
margin: 0 5px 0 0;
font: normal 16px/1 dashicons;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.themes-filter-bar .feature-filter-toggle.open {
background: #eee;
border-color: #999;
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.themes-filter-bar .feature-filter-toggle .filter-count-filters {
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. For details, see https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Fixes #37661, #34843. Props celloexpressions, folletto, westonruter, karmatosed, afercia. Built from https://develop.svn.wordpress.org/trunk@38813 git-svn-id: http://core.svn.wordpress.org/trunk@38756 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-18 23:20:29 -04:00
display: none;
}
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
.filter-drawer {
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. For details, see https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Fixes #37661, #34843. Props celloexpressions, folletto, westonruter, karmatosed, afercia. Built from https://develop.svn.wordpress.org/trunk@38813 git-svn-id: http://core.svn.wordpress.org/trunk@38756 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-18 23:20:29 -04:00
box-sizing: border-box;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
width: 100%;
position: absolute;
top: 46px;
left: 0;
padding: 25px 0 25px 25px;
border-top: 0;
margin: 0;
background: #eee;
border-bottom: 1px solid #ddd;
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 09:57:26 -04:00
}
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. Built from https://develop.svn.wordpress.org/trunk@31975 git-svn-id: http://core.svn.wordpress.org/trunk@31954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:51:27 -04:00
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
.filter-drawer .filter-group {
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
margin: 0 25px 0 0;
width: calc( (100% - 75px) / 3);
min-width: 200px;
max-width: 320px;
}
/* Adds a delay before fading in to avoid it "jumping" */
@-webkit-keyframes themes-fade-in {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes themes-fade-in {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.control-panel-themes .customize-themes-full-container.animate {
-webkit-animation: .6s themes-fade-in 1;
animation: .6s themes-fade-in 1;
}
.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count {
-webkit-animation: .6s themes-fade-in 1;
animation: .6s themes-fade-in 1;
}
.control-panel-themes .filter-themes-count {
position: relative;
float: right;
line-height: 34px;
}
.control-panel-themes .filter-themes-count .themes-displayed {
font-weight: 600;
color: #555d66;
}
.customize-themes-notifications {
margin: 0;
}
.control-panel-themes .customize-themes-notifications .notice {
margin: 0 0 25px 0;
}
.customize-themes-full-container .customize-themes-section {
display: none !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
overflow: hidden;
}
.customize-themes-full-container .customize-themes-section.current-section {
display: list-item !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.control-section .customize-section-text-before {
padding: 0 0 8px 15px;
margin: 15px 0 0 0;
line-height: 16px;
border-bottom: 1px solid #ddd;
color: #555d66;
}
.control-panel-themes .customize-themes-section-title {
width: 100%;
background: #fff;
box-shadow: none;
outline: none;
border-top: none;
border-bottom: 1px solid #ddd;
border-left: 4px solid #fff;
border-right: none;
cursor: pointer;
padding: 10px 15px;
position: relative;
text-align: left;
Customize: Revert theme install feature. This is a great goal for core, and is close, but it is not in shape to be shipped for 4.7 and there is not enough time left in the development cycle to alter and polish sufficiently. There are bugs, but more than that, there are more fundamental questions around the use of existing UI, general UX, and how findable themes are (not) on the .org side. see #37661. Built from https://develop.svn.wordpress.org/trunk@39140 git-svn-id: http://core.svn.wordpress.org/trunk@39080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 13:18:26 -04:00
font-size: 14px;
font-weight: 600;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
color: #555d66;
text-shadow: none;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. For details, see https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Fixes #37661, #34843. Props celloexpressions, folletto, westonruter, karmatosed, afercia. Built from https://develop.svn.wordpress.org/trunk@38813 git-svn-id: http://core.svn.wordpress.org/trunk@38756 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-18 23:20:29 -04:00
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.control-panel-themes #accordion-section-installed_themes {
border-top: 1px solid #ddd;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. For details, see https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Fixes #37661, #34843. Props celloexpressions, folletto, westonruter, karmatosed, afercia. Built from https://develop.svn.wordpress.org/trunk@38813 git-svn-id: http://core.svn.wordpress.org/trunk@38756 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-18 23:20:29 -04:00
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.control-panel-themes .theme-section {
margin: 0;
position: relative;
}
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #0073aa;
color: #0073aa;
background: #f5f5f5;
}
.customize-themes-section-title:not(.selected):after {
content: "";
Customize: Revert theme install feature. This is a great goal for core, and is close, but it is not in shape to be shipped for 4.7 and there is not enough time left in the development cycle to alter and polish sufficiently. There are bugs, but more than that, there are more fundamental questions around the use of existing UI, general UX, and how findable themes are (not) on the .org side. see #37661. Built from https://develop.svn.wordpress.org/trunk@39140 git-svn-id: http://core.svn.wordpress.org/trunk@39080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 13:18:26 -04:00
display: block;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
position: absolute;
top: 9px;
right: 15px;
width: 18px;
height: 18px;
border-radius: 100%;
border: 1px solid #ccc;
background: #fff;
}
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
content: "\f147";
font: 16px/1 dashicons;
box-sizing: border-box;
width: 20px;
height: 20px;
padding: 3px 3px 1px 1px; /* Re-align the icon to the smaller grid */
border-radius: 100%;
position: absolute;
top: 9px;
right: 15px;
background: #0073aa;
color: #fff;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. For details, see https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Fixes #37661, #34843. Props celloexpressions, folletto, westonruter, karmatosed, afercia. Built from https://develop.svn.wordpress.org/trunk@38813 git-svn-id: http://core.svn.wordpress.org/trunk@38756 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-18 23:20:29 -04:00
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
}
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 09:57:26 -04:00
#customize-theme-controls .themes.accordion-section-content {
position: relative;
left: 0;
padding: 0;
width: 100%;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.loading .customize-themes-section .spinner {
display: block;
visibility: visible;
position: relative;
clear: both;
width: 20px;
height: 20px;
left: calc(50% - 10px);
float: none;
margin-top: 50px;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. For details, see https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Fixes #37661, #34843. Props celloexpressions, folletto, westonruter, karmatosed, afercia. Built from https://develop.svn.wordpress.org/trunk@38813 git-svn-id: http://core.svn.wordpress.org/trunk@38756 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-18 23:20:29 -04:00
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.customize-themes-section .no-themes,
.customize-themes-section .no-themes-local {
display: none;
}
.themes-section-installed_themes .theme .notice-success {
display: none; /* Hide "installed" notice on installed themes tab. */
}
.customize-control-theme .theme {
Customize: Revert theme install feature. This is a great goal for core, and is close, but it is not in shape to be shipped for 4.7 and there is not enough time left in the development cycle to alter and polish sufficiently. There are bugs, but more than that, there are more fundamental questions around the use of existing UI, general UX, and how findable themes are (not) on the .org side. see #37661. Built from https://develop.svn.wordpress.org/trunk@39140 git-svn-id: http://core.svn.wordpress.org/trunk@39080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 13:18:26 -04:00
width: 100%;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
margin: 0;
border: 1px solid #ddd;
background: #fff;
}
.customize-control-theme .theme .theme-name, .customize-control-theme .theme .theme-actions {
background: #fff;
border: none;
}
.customize-control.customize-control-theme { /* override most properties on .customize-control */
box-sizing: border-box;
width: 25%;
max-width: 600px; /* Max. screenshot size / 2 */
margin: 0 25px 25px 0;
padding: 0;
clear: none;
}
/* 5 columns above 2100px */
@media screen and (min-width: 2101px) {
.customize-control.customize-control-theme {
width: calc( ( 100% - 125px ) / 5 - 1px ); /* 1px offset accounts for browser rounding, typical all grids */
}
}
/* 4 columns up to 2100px */
@media screen and (min-width: 1601px) and (max-width: 2100px) {
.customize-control.customize-control-theme {
width: calc( ( 100% - 100px ) / 4 - 1px );
}
}
/* 3 columns up to 1600px */
@media screen and (min-width: 1201px) and (max-width: 1600px) {
.customize-control.customize-control-theme {
width: calc( ( 100% - 75px ) / 3 - 1px );
}
}
/* 2 columns up to 1200px */
@media screen and (min-width: 851px) and (max-width: 1200px) {
.customize-control.customize-control-theme {
width: calc( ( 100% - 50px ) / 2 - 1px );
}
}
/* 1 column up to 850 px */
@media screen and (max-width: 850px) {
.customize-control.customize-control-theme {
width: 100%;
}
}
.wp-customizer .theme-browser .themes {
padding: 0 0 25px 25px;
transition: .18s margin-top linear;
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
}
.wp-customizer .theme-browser .theme .theme-actions {
opacity: 1;
}
#customize-controls h3.theme-name {
font-size: 15px;
}
Customizer Theme Switcher: Reset font size of theme names in overlay. Apply left position only to themes section. see #31303. Built from https://develop.svn.wordpress.org/trunk@31892 git-svn-id: http://core.svn.wordpress.org/trunk@31871 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-25 18:58:27 -04:00
#customize-controls .theme-overlay .theme-name {
font-size: 32px;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.customize-preview-header.themes-filter-bar {
position: fixed;
top: 0;
left: 300px;
width: calc(100% - 300px);
height: 46px;
background: #eee;
z-index: 10;
padding: 6px 25px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
@media screen and (min-width: 1670px) {
.customize-preview-header.themes-filter-bar {
width: 82%;
right: 0;
left: initial;
}
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.themes-filter-bar .themes-filter-container {
margin: 0;
padding: 0;
}
.themes-filter-bar .wp-filter-search {
line-height: 25px;
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
padding: 6px 10px 6px 30px;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
max-width: 100%;
width: 40%;
min-width: 300px;
position: absolute;
top: 6px;
left: 25px;
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
height: 32px;
margin: 1px 0;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
}
/* Unstick the filter bar on short windows/screens. This breakpoint is based on the
current length of .org feature filters assuming translations do not wrap lines. */
@media screen and (max-height:540px), screen and (max-width:1018px) {
.customize-preview-header.themes-filter-bar {
position: relative;
left: 0;
width: 100%;
margin: 0 0 25px 0;
}
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
.filter-drawer {
top: 46px;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.wp-customizer .theme-browser .themes {
padding: 0 0 25px 25px;
overflow: hidden;
}
.control-panel-themes .customize-themes-full-container {
margin-top: 0;
padding: 0;
height: 100%;
width: calc(100% - 300px);
}
}
@media screen and (max-width:1018px) {
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
.filter-drawer .filter-group {
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
width: calc( (100% - 50px) / 2);
}
}
@media screen and (max-width:900px) {
.customize-preview-header.themes-filter-bar {
height: 86px;
padding-top: 46px;
}
.themes-filter-bar .wp-filter-search {
width: calc(100% - 50px);
margin: 0;
min-width: 200px;
}
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
.filter-drawer {
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
top: 86px;
}
.control-panel-themes .filter-themes-count {
float: left;
}
}
@media screen and (max-width:792px) {
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
.filter-drawer .filter-group {
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
width: calc( 100% - 25px);
}
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.control-panel-themes .customize-themes-mobile-back {
Customize: Revert theme install feature. This is a great goal for core, and is close, but it is not in shape to be shipped for 4.7 and there is not enough time left in the development cycle to alter and polish sufficiently. There are bugs, but more than that, there are more fundamental questions around the use of existing UI, general UX, and how findable themes are (not) on the .org side. see #37661. Built from https://develop.svn.wordpress.org/trunk@39140 git-svn-id: http://core.svn.wordpress.org/trunk@39080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 13:18:26 -04:00
display: none;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
/* Mobile - toggle between themes and filters */
@media screen and (max-width:600px) {
Customize: Unstick filter pane in Theme selector Prevents the filter pane from blocking the view of theme search results when it's open. Users are now able to just scroll to view results. Props rclations. Fixes #42212. Built from https://develop.svn.wordpress.org/trunk@41903 git-svn-id: http://core.svn.wordpress.org/trunk@41737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 11:11:46 -04:00
.filter-drawer {
top: 132px;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.wp-full-overlay.showing-themes .control-panel-themes .filter-themes-count .filter-themes {
display: block;
float: right;
}
.control-panel-themes .customize-themes-full-container {
width: 100%;
margin: 0;
Customize: Fix visibility of theme browser header in Safari. Props benoitchantre, afercia. See #42052, #37661. Built from https://develop.svn.wordpress.org/trunk@41863 git-svn-id: http://core.svn.wordpress.org/trunk@41697 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-15 00:59:10 -04:00
padding-top: 46px;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
height: calc(100% - 46px);
z-index: 1;
display: none;
}
.showing-themes .control-panel-themes .customize-themes-full-container {
display: block;
}
.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back {
display: block;
position: fixed;
top: 0;
left: 0;
background: #eee;
color: #444;
border-radius: 0;
box-shadow: none;
border: none;
height: 46px;
width: 100%;
z-index: 10;
text-align: left;
text-shadow: none;
border-bottom: 1px solid #ddd;
border-left: 4px solid transparent;
margin: 0;
padding: 0;
font-size: 0;
overflow: hidden;
}
.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:before {
left: 0;
top: 0;
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
height: 46px;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
width: 26px;
display: block;
line-height: 46px;
padding: 0 8px 0 8px;
border-right: 1px solid #ddd;
}
.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
color: #0073aa;
background: #f3f3f5;
border-left-color: #0073aa;
outline: none;
box-shadow: none;
}
.showing-themes #customize-header-actions {
display: none;
}
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
#customize-controls {
width: 100%;
}
Customize: Revert theme install feature. This is a great goal for core, and is close, but it is not in shape to be shipped for 4.7 and there is not enough time left in the development cycle to alter and polish sufficiently. There are bugs, but more than that, there are more fundamental questions around the use of existing UI, general UX, and how findable themes are (not) on the .org side. see #37661. Built from https://develop.svn.wordpress.org/trunk@39140 git-svn-id: http://core.svn.wordpress.org/trunk@39080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-11-04 13:18:26 -04:00
}
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
/* Details View */
.wp-customizer .theme-overlay {
display: none;
}
.wp-customizer.modal-open .theme-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 109;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
/* Avoid a z-index war by resetting elements that should be under the overlay.
This is likely required because of the way that sections and panels are positioned. */
.wp-customizer.modal-open #customize-header-actions,
.wp-customizer.modal-open .control-panel-themes .filter-themes-count,
.wp-customizer.modal-open .control-panel-themes .customize-themes-section-title.selected:after {
z-index: -1;
}
Customize: Fix rendering issues in theme browsing when opening theme details or performing search in Safari. Props sayedwp. See #37661. Fixes #42052. Built from https://develop.svn.wordpress.org/trunk@41948 git-svn-id: http://core.svn.wordpress.org/trunk@41782 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-19 13:57:47 -04:00
.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content {
overflow: visible;
}
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
.wp-customizer .theme-overlay .theme-backdrop {
background: rgba( 238, 238, 238, 0.75 );
position: fixed;
z-index: 110;
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.wp-customizer .theme-overlay .star-rating {
float: left;
margin-right: 8px;
}
.wp-customizer .theme-rating .num-ratings {
line-height: 20px;
}
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
.wp-customizer .theme-overlay .theme-wrap {
left: 90px;
right: 90px;
top: 45px;
bottom: 45px;
z-index: 120;
}
.wp-customizer .theme-overlay .theme-actions {
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
text-align: right; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
padding: 10px 25px;
background: #eee;
border-top: 1px solid #ddd;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. For details, see https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Fixes #37661, #34843. Props celloexpressions, folletto, westonruter, karmatosed, afercia. Built from https://develop.svn.wordpress.org/trunk@38813 git-svn-id: http://core.svn.wordpress.org/trunk@38756 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-18 23:20:29 -04:00
}
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
.wp-customizer .theme-overlay .theme-actions .theme-install.preview {
margin-left: 8px;
}
.control-panel-themes .theme-actions .delete-theme {
left: 15px; /* these override themes.css on mobile */
right: auto;
bottom: auto;
position: absolute;
}
.modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content {
overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */
}
.wp-customizer .theme-header {
background: #eee;
}
.wp-customizer .theme-overlay .theme-header button,
.wp-customizer .theme-overlay .theme-header .close:before {
color: #444;
}
.wp-customizer .theme-overlay .theme-header .close:focus,
.wp-customizer .theme-overlay .theme-header .close:hover,
.wp-customizer .theme-overlay .theme-header .right:focus,
.wp-customizer .theme-overlay .theme-header .right:hover,
.wp-customizer .theme-overlay .theme-header .left:focus,
.wp-customizer .theme-overlay .theme-header .left:hover {
background: #fff;
border-bottom: 4px solid #0073aa;
color: #0073aa;
}
.wp-customizer .theme-overlay .theme-header .close:focus:before,
.wp-customizer .theme-overlay .theme-header .close:hover:before {
color: #0073aa;
}
.wp-customizer .theme-overlay .theme-header button.disabled,
.wp-customizer .theme-overlay .theme-header button.disabled:hover,
.wp-customizer .theme-overlay .theme-header button.disabled:focus {
border-bottom: none;
background: transparent;
color: #ccc;
Customizer theme details modal: Repair the layout for IE8. props obenland. fixes #32066. Built from https://develop.svn.wordpress.org/trunk@32269 git-svn-id: http://core.svn.wordpress.org/trunk@32240 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-22 14:57:25 -04:00
}
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
/* Small Screens */
@media (max-width:850px), (max-height:472px) {
.wp-customizer .theme-overlay .theme-wrap {
left: 0;
right: 0;
top: 0;
bottom: 0;
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. Built from https://develop.svn.wordpress.org/trunk@31579 git-svn-id: http://core.svn.wordpress.org/trunk@31560 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-27 15:19:29 -05:00
}
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
.wp-customizer .theme-browser .themes {
padding-right: 25px;
}
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 Built from https://develop.svn.wordpress.org/trunk@31533 git-svn-id: http://core.svn.wordpress.org/trunk@31514 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-24 15:31:24 -05:00
}
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. Built from https://develop.svn.wordpress.org/trunk@31975 git-svn-id: http://core.svn.wordpress.org/trunk@31954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-01 18:51:27 -04:00
/* Handle cheaters. */
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-22 20:04:18 -04:00
body.cheatin {
Customizer: Style "Cheatin’ uh?" message like wp_die(). props jackreichert. fixes #27490 Built from https://develop.svn.wordpress.org/trunk@27856 git-svn-id: http://core.svn.wordpress.org/trunk@27687 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 19:19:15 -04:00
font-size: medium;
height: auto;
background: #fff;
margin: 50px auto 2em;
padding: 1em 2em;
max-width: 700px;
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-22 20:04:18 -04:00
min-width: 0;
Customizer: Style "Cheatin’ uh?" message like wp_die(). props jackreichert. fixes #27490 Built from https://develop.svn.wordpress.org/trunk@27856 git-svn-id: http://core.svn.wordpress.org/trunk@27687 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 19:19:15 -04:00
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
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-22 20:04:18 -04:00
}
Provide more helpful feedback than just "Cheatin' uh?" for permission errors in `wp-admin/js/customize-controls.js`. fixes #33685. see #14530. Built from https://develop.svn.wordpress.org/trunk@33902 git-svn-id: http://core.svn.wordpress.org/trunk@33871 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-09-03 23:40:25 -04:00
body.cheatin h1 {
Accessibility: Reduce the WordPress shades of grey, Episode 2. See #35783. Built from https://develop.svn.wordpress.org/trunk@36582 git-svn-id: http://core.svn.wordpress.org/trunk@36549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-02-18 17:30:27 -05:00
border-bottom: 1px solid #ddd;
Provide more helpful feedback than just "Cheatin' uh?" for permission errors in `wp-admin/js/customize-controls.js`. fixes #33685. see #14530. Built from https://develop.svn.wordpress.org/trunk@33902 git-svn-id: http://core.svn.wordpress.org/trunk@33871 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-09-03 23:40:25 -04:00
clear: both;
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer. Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
color: #555d66;
System font: The stack does not work with the `font` shorthand property. see #36753. Built from https://develop.svn.wordpress.org/trunk@37442 git-svn-id: http://core.svn.wordpress.org/trunk@37410 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-16 21:45:27 -04:00
font-size: 24px;
System fonts: Don't quote single-word font names, per our coding standards. props ocean90, netweb. see #36753. Built from https://develop.svn.wordpress.org/trunk@38152 git-svn-id: http://core.svn.wordpress.org/trunk@38093 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-07-26 12:39:30 -04:00
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
Provide more helpful feedback than just "Cheatin' uh?" for permission errors in `wp-admin/js/customize-controls.js`. fixes #33685. see #14530. Built from https://develop.svn.wordpress.org/trunk@33902 git-svn-id: http://core.svn.wordpress.org/trunk@33871 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-09-03 23:40:25 -04:00
margin: 30px 0 0 0;
padding: 0;
padding-bottom: 7px;
}
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-22 20:04:18 -04:00
body.cheatin p {
font-size: 14px;
Customizer: Style "Cheatin’ uh?" message like wp_die(). props jackreichert. fixes #27490 Built from https://develop.svn.wordpress.org/trunk@27856 git-svn-id: http://core.svn.wordpress.org/trunk@27687 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 19:19:15 -04:00
line-height: 1.5;
margin: 25px 0 20px;
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-22 20:04:18 -04:00
}
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 07:36:28 -05:00
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 16:15:26 -04:00
/**
* Widgets and Menus common styles
*/
Administration: Improve the usage of the button CSS classes. Introduces some consistency in the usage of the button CSS classes, fixes the focus style for accessibility and responsiveness of the buttons. - Adds the `button` class to all primary buttons make them responsive - Removes all `secondary-button` classes and replaces it with button when needed. `button-secondary` shouldn't be used and exists just for backward compatibility reasons - Replaces classes inside `submit_button()` with a shorthand for some buttons, and use an empty string for the default `button` class. Passing `button` is unnecessary - Adjusts `get_submit_button()` to remove empty items Props iseulde, dimchik, chris_d2d, mhowell, afercia. Fixes #27314, #37138, #37448. Built from https://develop.svn.wordpress.org/trunk@38672 git-svn-id: http://core.svn.wordpress.org/trunk@38615 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-09-28 15:54:28 -04:00
/* higher specificity than .wp-core-ui .button */
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 16:15:26 -04:00
#customize-theme-controls .add-new-widget,
#customize-theme-controls .add-new-menu-item {
cursor: pointer;
float: right;
Customizer: Improve small-screen styles in Widgets panel. Props mrasharirfan, mrahmadawais. Fixes #41614. Built from https://develop.svn.wordpress.org/trunk@41602 git-svn-id: http://core.svn.wordpress.org/trunk@41437 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-26 15:05:46 -04:00
margin: 0;
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 16:15:26 -04:00
margin-left: 10px;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
}
.reordering .add-new-widget,
.reordering .add-new-menu-item {
opacity: 0.2;
pointer-events: none;
cursor: not-allowed; /* doesn't work in conjunction with pointer-events */
}
.add-new-widget:before,
Customize: Allow users to more seamlessly create page-based nav menus during customization. Introduces the ability to create stubs for the various post types to add to a given menu. This eliminates the need to leave the customizer to first create the post in the admin and then return to managing menus. Only the title of the newly-created post can be supplied; the post content will be blank and will need to be provided in the normal edit post screen outside the customizer, unless a plugin enables a post editing in the customizer experience. When a post is created and added to a nav menu in the customizer, the newly created post that is added to a menu is given the `auto-draft` status, and if the changes are not published, the `auto-draft` post will be automatically deleted within 7 days via `wp_delete_auto_drafts()`. However, if the customizer changes are saved, then these nav menu item `auto-draft` post stubs will be transitioned to `publish`. Includes portions of code from the Customize Posts <https://github.com/xwp/wp-customize-posts> and Front-end Editor <https://github.com/iseulde/wp-front-end-editor> plugins. For more information, see https://make.wordpress.org/core/2016/06/16/feature-proposal-content-authorship-in-menus-with-live-preview/ Props celloexpressions, westonruter, valendesigns, afercia, melchoyce, mapk, iseulde, mrahmadawais. Fixes #34923. Built from https://develop.svn.wordpress.org/trunk@38436 git-svn-id: http://core.svn.wordpress.org/trunk@38377 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-08-29 18:59:28 -04:00
.add-new-menu-item:before,
#available-menu-items .new-content-item .add-content:before {
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 16:15:26 -04:00
content: "\f132";
display: inline-block;
position: relative;
left: -2px;
Customizer: Improve small-screen styles in Widgets panel. Props mrasharirfan, mrahmadawais. Fixes #41614. Built from https://develop.svn.wordpress.org/trunk@41602 git-svn-id: http://core.svn.wordpress.org/trunk@41437 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-26 15:05:46 -04:00
top: 0;
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 16:15:26 -04:00
font: normal 20px/1 dashicons;
vertical-align: middle;
transition: all 0.2s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Reordering */
.reorder-toggle {
float: right;
padding: 5px 8px;
text-decoration: none;
cursor: pointer;
outline: none;
}
.reorder,
.reordering .reorder-done {
display: block;
padding: 5px 8px;
}
.reorder-done,
.reordering .reorder {
display: none;
}
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 17:36:26 -05:00
.widget-reorder-nav span,
.menu-item-reorder-nav button {
position: relative;
overflow: hidden;
float: left;
display: block;
width: 33px; /* was 42px for mobile */
height: 43px;
color: #82878c;
text-indent: -9999px;
cursor: pointer;
outline: none;
}
.menu-item-reorder-nav button {
width: 30px;
height: 40px;
background: transparent;
border: none;
box-shadow: none;
}
.widget-reorder-nav span:before,
.menu-item-reorder-nav button:before {
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
font: normal 20px/43px dashicons;
text-align: center;
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.widget-reorder-nav span:hover,
.widget-reorder-nav span:focus,
.menu-item-reorder-nav button:hover,
.menu-item-reorder-nav button:focus {
color: #191e23;
background: #eee;
}
.move-widget-down:before,
.menus-move-down:before {
content: "\f347";
}
.move-widget-up:before,
.menus-move-up:before {
content: "\f343";
}
#customize-theme-controls .first-widget .move-widget-up,
#customize-theme-controls .last-widget .move-widget-down,
.move-up-disabled .menus-move-up,
.move-down-disabled .menus-move-down,
.move-right-disabled .menus-move-right,
.move-left-disabled .menus-move-left {
color: #d5d5d5;
background-color: #fff;
cursor: default;
pointer-events: none;
}
/**
* New widget and Add-menu-items modes and panels
*/
.wp-full-overlay-main {
right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
width: 100%;
}
body.adding-widget .add-new-widget,
body.adding-widget .add-new-widget:hover,
.adding-menu-items .add-new-menu-item,
.adding-menu-items .add-new-menu-item:hover,
.add-menu-toggle.open,
.add-menu-toggle.open:hover {
background: #eee;
border-color: #929793;
color: #32373c;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
}
body.adding-widget .add-new-widget:before,
.adding-menu-items .add-new-menu-item:before,
#accordion-section-add_menu .add-new-menu-item.open:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#available-widgets,
#available-menu-items {
position: absolute;
top: 0;
bottom: 0;
left: -301px;
visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
width: 300px;
margin: 0;
z-index: 4;
background: #eee;
transition: left .18s;
border-right: 1px solid #ddd;
}
#available-widgets .customize-section-title,
#available-menu-items .customize-section-title {
display: none;
}
#available-widgets-list {
top: 60px;
position: absolute;
overflow: auto;
bottom: 0;
width: 100%;
Customize: Improve the widgets and menu items search. - adds a "search" icon into the search fields - adds a hidden description for the widget search field, targeted by `aria-describedby` - adds the "clear-results" button to the widgets search - removes the `change` and `search` events bound on the widget search, for these "live searches" WordPress should standardize on `input` (+ `keyup` when needed) - adds property and function to keep track and update the number of the widgets search results - the widgets search results are now announced via `wp.a11y.speak()` - adds a visible and audible message when there are no widgets search results - moves some CSS to `customize-controls.css` Props ryankienstra, melchoyce, afercia. Fixes #36908. Built from https://develop.svn.wordpress.org/trunk@38709 git-svn-id: http://core.svn.wordpress.org/trunk@38652 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-03 12:28:31 -04:00
border-top: 1px solid #ddd;
}
.no-widgets-found #available-widgets-list {
border-top: none;
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 17:36:26 -05:00
}
#available-widgets-filter {
position: fixed;
top: 0;
z-index: 1;
width: 300px;
background: #eee;
}
/* search field container */
#available-widgets-filter,
#available-menu-items-search .accordion-section-title {
Customize: Improve the widgets and menu items search. - adds a "search" icon into the search fields - adds a hidden description for the widget search field, targeted by `aria-describedby` - adds the "clear-results" button to the widgets search - removes the `change` and `search` events bound on the widget search, for these "live searches" WordPress should standardize on `input` (+ `keyup` when needed) - adds property and function to keep track and update the number of the widgets search results - the widgets search results are now announced via `wp.a11y.speak()` - adds a visible and audible message when there are no widgets search results - moves some CSS to `customize-controls.css` Props ryankienstra, melchoyce, afercia. Fixes #36908. Built from https://develop.svn.wordpress.org/trunk@38709 git-svn-id: http://core.svn.wordpress.org/trunk@38652 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-03 12:28:31 -04:00
padding: 13px 15px;
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 17:36:26 -05:00
box-sizing: border-box;
}
#available-widgets-filter input,
#available-menu-items-search input {
width: 100%;
Customize: Improve the widgets and menu items search. - adds a "search" icon into the search fields - adds a hidden description for the widget search field, targeted by `aria-describedby` - adds the "clear-results" button to the widgets search - removes the `change` and `search` events bound on the widget search, for these "live searches" WordPress should standardize on `input` (+ `keyup` when needed) - adds property and function to keep track and update the number of the widgets search results - the widgets search results are now announced via `wp.a11y.speak()` - adds a visible and audible message when there are no widgets search results - moves some CSS to `customize-controls.css` Props ryankienstra, melchoyce, afercia. Fixes #36908. Built from https://develop.svn.wordpress.org/trunk@38709 git-svn-id: http://core.svn.wordpress.org/trunk@38652 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-03 12:28:31 -04:00
height: 32px;
margin: 1px 0;
padding: 6px 30px;
}
#available-widgets-filter input::-ms-clear,
#available-menu-items-search input::-ms-clear {
display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */
}
#available-menu-items-search .search-icon,
#available-widgets-filter .search-icon {
display: block;
position: absolute;
top: 15px; /* 13 container padding +1 input margin +1 input border */
left: 16px;
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
color: #72777c;
}
#available-widgets-filter .clear-results,
#available-menu-items-search .clear-results {
position: absolute;
top: 15px; /* 13 container padding +1 input margin +1 input border */
right: 16px;
width: 30px;
height: 30px;
padding: 0;
border: 0;
cursor: pointer;
background: none;
color: #a00;
text-decoration: none;
outline: 0;
}
#available-widgets-filter .clear-results,
#available-menu-items-search .clear-results,
#available-menu-items-search.loading .clear-results.is-visible {
display: none;
}
#available-widgets-filter .clear-results.is-visible,
#available-menu-items-search .clear-results.is-visible {
display: block;
}
#available-widgets-filter .clear-results:before,
#available-menu-items-search .clear-results:before {
content: "\f335";
font: normal 20px/1 dashicons;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#available-widgets-filter .clear-results:hover,
#available-widgets-filter .clear-results:focus,
#available-menu-items-search .clear-results:hover,
#available-menu-items-search .clear-results:focus {
color: #dc3232;
}
#available-widgets-filter .clear-results:focus,
#available-menu-items-search .clear-results:focus {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
#available-menu-items-search .search-icon:after,
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
.themes-filter-bar .search-icon:after {
Customize: Improve the widgets and menu items search. - adds a "search" icon into the search fields - adds a hidden description for the widget search field, targeted by `aria-describedby` - adds the "clear-results" button to the widgets search - removes the `change` and `search` events bound on the widget search, for these "live searches" WordPress should standardize on `input` (+ `keyup` when needed) - adds property and function to keep track and update the number of the widgets search results - the widgets search results are now announced via `wp.a11y.speak()` - adds a visible and audible message when there are no widgets search results - moves some CSS to `customize-controls.css` Props ryankienstra, melchoyce, afercia. Fixes #36908. Built from https://develop.svn.wordpress.org/trunk@38709 git-svn-id: http://core.svn.wordpress.org/trunk@38652 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-03 12:28:31 -04:00
content: "\f179";
font: normal 20px/1 dashicons;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
.themes-filter-bar .search-icon {
position: absolute;
top: 7px;
left: 26px;
z-index: 1;
color: #72777c;
height: 30px;
width: 30px;
line-height: 2;
text-align: center;
}
Customize: Improve the widgets and menu items search. - adds a "search" icon into the search fields - adds a hidden description for the widget search field, targeted by `aria-describedby` - adds the "clear-results" button to the widgets search - removes the `change` and `search` events bound on the widget search, for these "live searches" WordPress should standardize on `input` (+ `keyup` when needed) - adds property and function to keep track and update the number of the widgets search results - the widgets search results are now announced via `wp.a11y.speak()` - adds a visible and audible message when there are no widgets search results - moves some CSS to `customize-controls.css` Props ryankienstra, melchoyce, afercia. Fixes #36908. Built from https://develop.svn.wordpress.org/trunk@38709 git-svn-id: http://core.svn.wordpress.org/trunk@38652 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-03 12:28:31 -04:00
.no-widgets-found-message {
display: none;
margin: 0;
padding: 0 15px;
line-height: inherit;
}
.no-widgets-found .no-widgets-found-message {
display: block;
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 17:36:26 -05:00
}
#available-widgets .widget-top,
#available-widgets .widget-top:hover,
#available-menu-items .item-top,
#available-menu-items .item-top:hover {
border: none;
background: transparent;
box-shadow: none;
}
#available-widgets .widget-tpl,
#available-menu-items .item-tpl {
position: relative;
Customizer: Improve small-screen styles in Widgets panel. Props mrasharirfan, mrahmadawais. Fixes #41614. Built from https://develop.svn.wordpress.org/trunk@41602 git-svn-id: http://core.svn.wordpress.org/trunk@41437 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-26 15:05:46 -04:00
padding: 15px 15px 15px 60px;
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 17:36:26 -05:00
background: #fff;
Customize: Improve the widgets and menu items search. - adds a "search" icon into the search fields - adds a hidden description for the widget search field, targeted by `aria-describedby` - adds the "clear-results" button to the widgets search - removes the `change` and `search` events bound on the widget search, for these "live searches" WordPress should standardize on `input` (+ `keyup` when needed) - adds property and function to keep track and update the number of the widgets search results - the widgets search results are now announced via `wp.a11y.speak()` - adds a visible and audible message when there are no widgets search results - moves some CSS to `customize-controls.css` Props ryankienstra, melchoyce, afercia. Fixes #36908. Built from https://develop.svn.wordpress.org/trunk@38709 git-svn-id: http://core.svn.wordpress.org/trunk@38652 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-03 12:28:31 -04:00
border-bottom: 1px solid #ddd;
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 12:15:29 -04:00
border-left: 4px solid #fff;
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 13:11:31 -05:00
transition: .15s color ease-in-out,
.15s background-color ease-in-out,
.15s border-color ease-in-out;
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 17:36:26 -05:00
cursor: pointer;
display: none;
}
#available-widgets .widget,
#available-menu-items .item {
position: static;
}
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 07:36:28 -05:00
/* Responsive */
.customize-controls-preview-toggle {
display: none;
}
Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile. Follow-up to [35608]. Props bordoni, delawski. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35643 git-svn-id: http://core.svn.wordpress.org/trunk@35607 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-15 23:44:26 -05:00
@media only screen and (max-width: 782px) {
Theme Switcher: Don't hide action buttons on narrow screens. see #31794. Built from https://develop.svn.wordpress.org/trunk@31912 git-svn-id: http://core.svn.wordpress.org/trunk@31891 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-27 17:53:27 -04:00
.wp-customizer .theme:not(.active):hover .theme-actions,
.wp-customizer .theme:not(.active):focus .theme-actions {
display: block;
}
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. Built from https://develop.svn.wordpress.org/trunk@32265 git-svn-id: http://core.svn.wordpress.org/trunk@32236 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-22 12:15:27 -04:00
.wp-customizer .theme-browser .theme.active .theme-name span {
display: inline;
}
Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile. Follow-up to [35608]. Props bordoni, delawski. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35643 git-svn-id: http://core.svn.wordpress.org/trunk@35607 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-15 23:44:26 -05:00
Customize: Fix vertical alignment of radio and checkbox inputs after [41740]. Props Shital Patel, subrataemfluence, sayedwp. Amends [41740]. See #33085. Fixes #42157. Built from https://develop.svn.wordpress.org/trunk@41817 git-svn-id: http://core.svn.wordpress.org/trunk@41651 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-10 19:45:51 -04:00
.customize-control-header button.random .dice {
margin-top: 0;
}
Customize: Improve accessibility of markup for base `WP_Customize_Control` and `WP_Customize_Nav_Menu_Control` with proper use of `label` elements and inclusion of `aria-describedby`. See #33085. Props valendesigns, afercia, westonruter. Built from https://develop.svn.wordpress.org/trunk@41740 git-svn-id: http://core.svn.wordpress.org/trunk@41574 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 14:12:46 -04:00
.customize-control-radio .customize-inside-control-row,
.customize-control-checkbox .customize-inside-control-row,
.customize-control-nav_menu_auto_add .customize-inside-control-row {
Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile. Follow-up to [35608]. Props bordoni, delawski. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35643 git-svn-id: http://core.svn.wordpress.org/trunk@35607 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-15 23:44:26 -05:00
margin-left: 32px;
}
.customize-control-radio input,
.customize-control-checkbox input,
.customize-control-nav_menu_auto_add input {
margin-left: -32px;
}
Customize: Fix vertical alignment of radio and checkbox inputs after [41740]. Props Shital Patel, subrataemfluence, sayedwp. Amends [41740]. See #33085. Fixes #42157. Built from https://develop.svn.wordpress.org/trunk@41817 git-svn-id: http://core.svn.wordpress.org/trunk@41651 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-10 19:45:51 -04:00
.customize-control input[type="radio"] + label + br,
.customize-control input[type="checkbox"] + label + br {
line-height: 32px; /* For widgets checkboxes */
Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile. Follow-up to [35608]. Props bordoni, delawski. Fixes #34607. Built from https://develop.svn.wordpress.org/trunk@35643 git-svn-id: http://core.svn.wordpress.org/trunk@35607 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-11-15 23:44:26 -05:00
}
Customizer: Improve small-screen styles in Widgets panel. Props mrasharirfan, mrahmadawais. Fixes #41614. Built from https://develop.svn.wordpress.org/trunk@41602 git-svn-id: http://core.svn.wordpress.org/trunk@41437 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-26 15:05:46 -04:00
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
.customize-control .date-time-fields select {
height: 39px;
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
.date-time-fields .date-input.month {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
width: 79px;
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
.date-time-fields .date-input.day,
.date-time-fields .date-input.hour,
.date-time-fields .date-input.minute {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
width: 55px;
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
.date-time-fields .date-input.year {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
width: 80px;
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
.date-time-fields .date-time-separator,
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
.date-time-fields .date-timezone {
line-height: 3.2;
}
Customize: Fix `WP_Customize_Date_Time_Control` to be re-usable for plugins and custom settings. * Allow time fields to be omitted by constructing with `timeIncluded` as `false`. * Ensure `reportValidity` is only called on a control when it is in an expanded section. * Rename "ampm" to "meridian". * Improve accessibility and fix HTML validation and style issues for both the date/time control and the preview link control. * Fix styling of dropdowns and clean CSS. * Improve accessibility of nav menus component. Props westonruter, afercia, sayedwp, melchoyce. Amends [41626]. See #39896. Fixes #42022. Built from https://develop.svn.wordpress.org/trunk@41670 git-svn-id: http://core.svn.wordpress.org/trunk@41504 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 00:12:47 -04:00
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
#customize-control-changeset_preview_link a {
bottom: 16px;
}
.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
bottom: 10px;
}
Customizer: Improve specificity of small-screen styles in Widgets panel. Props mrasharirfan, celloexpressions. Fixes #41614. Built from https://develop.svn.wordpress.org/trunk@41837 git-svn-id: http://core.svn.wordpress.org/trunk@41671 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-11 23:53:47 -04:00
.media-widget-control .media-widget-buttons .button.edit-media,
.media-widget-control .media-widget-buttons .button.change-media,
.media-widget-control .media-widget-buttons .button.select-media {
Customizer: Improve small-screen styles in Widgets panel. Props mrasharirfan, mrahmadawais. Fixes #41614. Built from https://develop.svn.wordpress.org/trunk@41602 git-svn-id: http://core.svn.wordpress.org/trunk@41437 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-26 15:05:46 -04:00
margin-top: 12px;
}
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
.wp-core-ui .themes-filter-bar .feature-filter-toggle {
margin: 3px 0 3px 25px;
}
Theme Switcher: Don't hide action buttons on narrow screens. see #31794. Built from https://develop.svn.wordpress.org/trunk@31912 git-svn-id: http://core.svn.wordpress.org/trunk@31891 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-27 17:53:27 -04:00
}
Customize: Fix positioning of device-previewed window when publish settings are open. * Update date control padding. * Collapse publish settings section when opening panes for available widgets or nav menus. * Remove save and cog buttons in mobile preview only mode. * Move definition of `wp.customize.previewedDevice` to `wp.customize.state('previewedDevice')` for centralization, maintaining old alias. * Remove unused CSS because the section is inside form now. Props sayedwp, westonruter. See #39896. Fixes #42027, #42199. Built from https://develop.svn.wordpress.org/trunk@41860 git-svn-id: http://core.svn.wordpress.org/trunk@41694 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 17:21:55 -04:00
@media screen and ( max-width: 1200px ) {
.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
left: 67%;
}
}
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 07:36:28 -05:00
@media screen and ( max-width: 640px ) {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
.wp-full-overlay.expanded,
.outer-section-open .wp-full-overlay.expanded {
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 07:36:28 -05:00
margin-left: 0;
}
Customizer: Improve the collapsed view when switching to the responsive view. Props rittesh.patel, afercia. Fixes #35220. Built from https://develop.svn.wordpress.org/trunk@36877 git-svn-id: http://core.svn.wordpress.org/trunk@36844 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-03-07 17:05:27 -05:00
/* when the sidebar is collapsed and switching to responsive view,
bring it back see ticket #35220 */
.wp-full-overlay.collapsed #customize-controls {
margin-left: 0;
}
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 07:36:28 -05:00
.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
bottom: 0;
}
.customize-controls-preview-toggle {
display: block;
position: absolute;
top: 0;
left: 48px;
line-height: 45px;
font-size: 14px;
Accessibility: Customizer, improve UI controls in `customize.php` - makes the mobile preview/customize toggle a button - changes the "Close" link hidden text from 'Cancel' to 'Close the Customizer and go back to the previous page' - adds a missing `type="button"` attribute - removes unnecessary `keydown` events and `preventDefault()`: buttons don't need a keydown event and when they have a `type="button"` attribute there's no default action to prevent Props Cheffheid, afercia. Fixes #31487. Built from https://develop.svn.wordpress.org/trunk@37230 git-svn-id: http://core.svn.wordpress.org/trunk@37196 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-04-17 11:41:27 -04:00
padding: 0 12px;
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 07:36:28 -05:00
margin: 0;
height: 45px;
background: #eee;
Accessibility: Customizer, improve UI controls in `customize.php` - makes the mobile preview/customize toggle a button - changes the "Close" link hidden text from 'Cancel' to 'Close the Customizer and go back to the previous page' - adds a missing `type="button"` attribute - removes unnecessary `keydown` events and `preventDefault()`: buttons don't need a keydown event and when they have a `type="button"` attribute there's no default action to prevent Props Cheffheid, afercia. Fixes #31487. Built from https://develop.svn.wordpress.org/trunk@37230 git-svn-id: http://core.svn.wordpress.org/trunk@37196 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-04-17 11:41:27 -04:00
border: 0;
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 07:36:28 -05:00
border-right: 1px solid #ddd;
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 13:11:31 -05:00
color: #555d66;
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 07:36:28 -05:00
cursor: pointer;
transition: color .1s ease-in-out, background .1s ease-in-out;
}
#customize-footer-actions,
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
/*#customize-preview,*/
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 07:36:28 -05:00
.customize-controls-preview-toggle .controls,
.preview-only .wp-full-overlay-sidebar-content,
.preview-only .customize-controls-preview-toggle .preview {
display: none;
}
Customize: Fix positioning of device-previewed window when publish settings are open. * Update date control padding. * Collapse publish settings section when opening panes for available widgets or nav menus. * Remove save and cog buttons in mobile preview only mode. * Move definition of `wp.customize.previewedDevice` to `wp.customize.state('previewedDevice')` for centralization, maintaining old alias. * Remove unused CSS because the section is inside form now. Props sayedwp, westonruter. See #39896. Fixes #42027, #42199. Built from https://develop.svn.wordpress.org/trunk@41860 git-svn-id: http://core.svn.wordpress.org/trunk@41694 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-13 17:21:55 -04:00
.preview-only #customize-save-button-wrapper {
margin-top: -46px;
}
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 07:36:28 -05:00
.customize-controls-preview-toggle .preview:before,
.customize-controls-preview-toggle .controls:before {
font: normal 20px/1 dashicons;
content: "\f177";
position: relative;
top: 4px;
margin-right: 6px;
}
.customize-controls-preview-toggle .controls:before {
Customizer: Use the new dashicon for the Preview/Customize toggle in narrow screens. see #30902, #28784. Built from https://develop.svn.wordpress.org/trunk@33150 git-svn-id: http://core.svn.wordpress.org/trunk@33122 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-07-09 17:05:25 -04:00
content: "\f540";
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 07:36:28 -05:00
}
.preview-only #customize-controls {
height: 45px;
}
.preview-only #customize-preview,
.preview-only .customize-controls-preview-toggle .controls {
display: block;
}
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
.wp-full-overlay.expanded {
margin-left: 300px;
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 07:36:28 -05:00
}
Customizer: Use responsive button styles if screen is max-width 640px. see #31794, #28784. Built from https://develop.svn.wordpress.org/trunk@31913 git-svn-id: http://core.svn.wordpress.org/trunk@31892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-27 18:17:30 -04:00
.wp-core-ui.wp-customizer .button {
padding: 6px 14px;
line-height: normal;
font-size: 14px;
vertical-align: middle;
height: auto;
}
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
#publish-settings {
height: 31px;
}
Customize: Allow controls to be created with pre-instantiated `Setting` object(s), or even with plain `Value` object(s). * Allow passing settings in keyed object (e.g. `settings: { default: 'id' } ), or as an array (e.g. `settings: [ 'id' ]`) with first being default; again, `Setting`/`Value` objects may be supplied instead of IDs. * Allow a single setting to be supplied with just a single `setting` param, either a string or a `Setting`/`Value` object. * Update `changeset_status` and `scheduled_changeset_date` to be added dynamically with JS and simply passing of `api.state()` instances as `setting`. * Introduce a `data-customize-setting-key-link` attribute which, unlike `data-customize-setting-link`, allows passing the setting key (e.g. `default`) as opposed to the setting ID. * Allow `WP_Customize_Control::get_link()` to return `data-customize-setting-key-link` when setting is not registered. * Eliminate `default_value` from `WP_Customize_Date_Time_Control` since now comes from supplied `Value`. * Export status choices as `wp.customize.settings.changeset.statusChoices`. * Export date and time formats as `wp.customize.settings.dateFormat` and `wp.customize.settings.timeFormat` respectively. Props westonruter, sayedwp. See #39896, #30738, #30741, #42083. Fixes #37964, #36167. Built from https://develop.svn.wordpress.org/trunk@41750 git-svn-id: http://core.svn.wordpress.org/trunk@41584 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-04 16:02:49 -04:00
#customize-control-changeset_status .customize-inside-control-row {
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
padding-top: 15px;
Customizer: Use responsive button styles if screen is max-width 640px. see #31794, #28784. Built from https://develop.svn.wordpress.org/trunk@31913 git-svn-id: http://core.svn.wordpress.org/trunk@31892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-27 18:17:30 -04:00
}
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 17:36:26 -05:00
body.adding-widget div#available-widgets,
Customize: Introduce drafting and scheduling for Customizer changesets. * Incorporates code from the Customize Snapshots and Customize Posts feature plugins. * Adds a new Publish Settings section for managing the changeset status, scheduled date, and frontend preview link. * Updates Publish button to reflect the status selected in the Publish Settings (including Save Draft and Schedule). * Deactivates the Themes section when a non-publish status selected, and deactivates the Publish Settings section when previewing a theme switch. * Introduces an `outer` section type (`wp.customize.OuterSection` in JS) for the Publish Settings section to use and for available widgets and available nav menu panels to use in the future. These sections can be expanded while other sections are expanded. * Introduces `WP_Customize_Date_Time_Control` in PHP and `wp.customize.DateTimeControl` in JS for managing a date/time value. * Keeps track of scheduled time and proactively publish from the client when the time arrives, as opposed to waiting for WP Cron. * Auto-publishes a scheduled changeset when attempting to access one that missed its schedule. * Starts a new changeset if attempting to save a changeset that was previously publish. * Adds `force` arg to `requestChangesetUpdate()` to force an update request even when there are no pending changes. * Adds utils methods for `getCurrentTimestamp` and `getRemainingTime`. * Adds new state values for `selectedChangesetStatus`, `changesetDate`, `selectedChangesetDate`. * Fixes logic for when to short-circuit check to close Customizer when there are unsaved changes. * Adds getter methods for `autosaved` and `branching` parameters, with the latter applying the `customize_changeset_branching` filter. * Call to `establish_loaded_changeset` on the fly when `changeset_uuid()` is called if no changeset UUID was specififed. * De-duplicates logic for dismissing auto-draft changesets. * Includes unit tests. Builds on [41597]. Props sayedwp, westonruter, melchoyce, JoshuaWold, folletto, stubgo, karmatosed, dlh, paaljoachim, afercia, johnregan3, utkarshpatel, valendesigns. See #30937. Fixes #39896, #28721, #39275. Built from https://develop.svn.wordpress.org/trunk@41626 git-svn-id: http://core.svn.wordpress.org/trunk@41461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-27 18:25:46 -04:00
body.adding-menu-items div#available-menu-items,
Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes. Also fix preview link CSS for desktop and mobile. Props sayedwp, bduclos. See #39896. Fixes #42051. Built from https://develop.svn.wordpress.org/trunk@41677 git-svn-id: http://core.svn.wordpress.org/trunk@41511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-02 14:40:48 -04:00
body.outer-section-open div#customize-sidebar-outer-content {
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 17:36:26 -05:00
top: 46px;
left: 0;
z-index: 10;
width: 100%;
}
Customize: Improve keyboard accessibility for publish settings section. Props sayedwp. See #39896. Fixes #42027. Built from https://develop.svn.wordpress.org/trunk@41802 git-svn-id: http://core.svn.wordpress.org/trunk@41636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-09 19:01:46 -04:00
body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
left: -100%;
}
body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
left: 0;
}
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 17:36:26 -05:00
#available-widgets .customize-section-title,
#available-menu-items .customize-section-title {
display: block;
margin: 0;
}
#available-widgets .customize-section-back,
#available-menu-items .customize-section-back {
height: 69px;
}
#available-widgets .customize-section-title h3,
#available-menu-items .customize-section-title h3 {
font-size: 20px;
font-weight: 200;
padding: 9px 10px 12px 14px;
margin: 0;
line-height: 24px;
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 13:11:31 -05:00
color: #555d66;
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 17:36:26 -05:00
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#available-widgets .customize-section-title .customize-action,
#available-menu-items .customize-section-title .customize-action {
font-size: 13px;
display: block;
font-weight: 400;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#available-widgets-filter {
position: relative;
width: 100%;
height: auto;
}
#available-widgets-list {
Customize: Improve the widgets and menu items search. - adds a "search" icon into the search fields - adds a hidden description for the widget search field, targeted by `aria-describedby` - adds the "clear-results" button to the widgets search - removes the `change` and `search` events bound on the widget search, for these "live searches" WordPress should standardize on `input` (+ `keyup` when needed) - adds property and function to keep track and update the number of the widgets search results - the widgets search results are now announced via `wp.a11y.speak()` - adds a visible and audible message when there are no widgets search results - moves some CSS to `customize-controls.css` Props ryankienstra, melchoyce, afercia. Fixes #36908. Built from https://develop.svn.wordpress.org/trunk@38709 git-svn-id: http://core.svn.wordpress.org/trunk@38652 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-03 12:28:31 -04:00
top: 130px;
}
#available-menu-items-search .clear-results,
#available-menu-items-search .search-icon {
top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */
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 17:36:26 -05:00
}
Customizer: Improve small-screen styles in Widgets panel. Props mrasharirfan, mrahmadawais. Fixes #41614. Built from https://develop.svn.wordpress.org/trunk@41602 git-svn-id: http://core.svn.wordpress.org/trunk@41437 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-26 15:05:46 -04:00
.reorder,
.reordering .reorder-done {
padding: 8px;
}
Customize: Improve theme browsing UI on small screens. Props Mahvash-Fatima, melchoyce, celloexpressions. See #37661. Fixes #42215. Built from https://develop.svn.wordpress.org/trunk@41893 git-svn-id: http://core.svn.wordpress.org/trunk@41727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-18 00:06:47 -04:00
.wp-core-ui .themes-filter-bar .feature-filter-toggle {
margin: 0;
}
.theme-browser .theme.active .theme-actions,
.wp-customizer .theme-browser .theme .theme-actions {
padding: 9px 15px;
box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
}
Customize: Vary description for nav menu locations control based on whether it is shown during menu creation. Also fix issue with initial visibility of notice when there are no menus. Amends [41823]. Props bpayton, melchoyce, westonruter. See #42116. Fixes #42113. Built from https://develop.svn.wordpress.org/trunk@41832 git-svn-id: http://core.svn.wordpress.org/trunk@41666 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-11 15:38:50 -04:00
}
Customize: Fix alignment of Customize, Activate, and Live Preview buttons appearing on the Themes admin screen. Amends [41893]. Props Mahvash-Fatima. See #42215. Fixes #42275. Built from https://develop.svn.wordpress.org/trunk@41949 git-svn-id: http://core.svn.wordpress.org/trunk@41783 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-19 14:10:47 -04:00
@media screen and ( max-width: 600px ) {
.theme-browser .theme.active .theme-actions,
.wp-customizer .theme-browser .theme .theme-actions {
padding: 8px 15px;
box-shadow: none;
}
}