2013-11-12 16:19:15 -05:00
body {
overflow : hidden ;
2015-03-28 17:03:27 -04:00
-webkit-text-size-adjust : 100 % ;
2013-11-12 16:19:15 -05:00
}
2016-09-01 18:02:30 -04:00
. customize-controls-close ,
. widget-control-actions a {
2013-11-12 16:19:15 -05:00
text-decoration : none ;
}
# customize-controls h3 {
font-size : 14px ;
}
2014-11-11 18:52:22 -05:00
# customize-controls img {
max-width : 100 % ;
}
2013-11-12 16:19:15 -05:00
# customize-controls . submit {
text-align : center ;
}
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-right : auto ;
margin-left : auto ;
max-width : 366px ;
min-height : 64px ;
width : auto ;
padding : 25px 109px 25px 25px ;
position : relative ;
background : # fff ;
box-shadow : 0 3px 6px rgba ( 0 , 0 , 0 , 0 . 3 ) ;
line-height : 1 . 5 ;
overflow-y : auto ;
text-align : right ;
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 ;
right : 25px ;
top : 25px ;
}
. wp-core-ui . wp-customizer . customize-changeset-locked-message a . button {
margin-left : 10px ;
margin-top : 0 ;
}
2013-11-12 16:19:15 -05:00
# customize-controls . description {
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2013-11-12 16:19:15 -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 {
2012-08-22 20:04:18 -04:00
float : left ;
2013-11-20 17:48:09 -05:00
margin-top : 9px ;
2012-08-22 20:04:18 -04:00
}
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 : right ;
border-radius : 3px ;
box-shadow : none ; /* @todo Adjust box shadow based on the disable states of paired button. */
margin-top : 0 ;
}
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 : 0 3px 3px 0 ;
}
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 ;
2017-10-09 19:01:46 -04:00
right : 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 ;
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 ;
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 : right . 18s ;
border-left : 1px solid # ddd ;
2017-10-09 19:01:46 -04:00
border-right : 1px solid # ddd ;
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 ;
}
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 ;
2017-10-09 19:01:46 -04:00
right : 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 : right . 18s ;
}
. customize-outer-pane-parent {
margin : 0 ;
}
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
right : 300px ;
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
}
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 {
right : 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-right : 0 ;
margin-bottom : 10px ;
}
# publish-settings {
text-indent : 0 ;
border-radius : 3px 0 0 3px ;
padding-right : 0 ;
padding-left : 0 ;
box-shadow : none ; /* @todo Adjust box shadow based on the disable states of paired button. */
font-size : 14px ;
width : 30px ;
float : right ;
-webkit-transform : none ;
transform : none ;
margin-top : 0 ;
}
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 ;
}
2012-09-26 15:57:44 -04:00
# customize-header-actions . spinner {
2015-04-04 11:42:28 -04:00
margin-top : 13px ;
2012-08-22 20:04:18 -04:00
margin-left : 4px ;
}
2017-10-01 23:37:46 -04:00
. saving # customize-header-actions . spinner ,
. trashing # customize-header-actions . spinner {
2015-04-04 11:42:28 -04:00
visibility : visible ;
2013-11-12 16:19:15 -05:00
}
2014-08-11 21:18:15 -04:00
# customize-header-actions {
border-bottom : 1px solid # ddd ;
}
2014-06-26 16:17:15 -04:00
# customize-controls . wp-full-overlay-sidebar-content {
overflow-y : auto ;
overflow-x : hidden ;
}
2017-10-09 19:01:46 -04:00
. outer-section-open # customize-controls . wp-full-overlay-sidebar-content {
background : # eee ;
}
2015-05-29 09:57:26 -04:00
# customize-controls . customize-info {
2013-11-12 16:19:15 -05:00
border : none ;
2015-05-29 09:57:26 -04:00
border-bottom : 1px solid # ddd ;
margin-bottom : 15px ;
2013-11-12 16:19:15 -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-right : -12px ;
padding-right : 12px ;
padding-left : 12px ;
}
2017-10-01 23:37:46 -04:00
# customize-control-trash_changeset {
margin-top : 20px ;
}
2017-10-04 22:56:47 -04:00
# customize-control-trash_changeset . button-link {
2017-10-01 23:37:46 -04:00
position : relative ;
padding-right : 24px ;
display : inline-block ;
}
2017-10-04 22:56:47 -04:00
# customize-control-trash_changeset . button-link : before {
2017-10-01 23:37:46 -04:00
content : "\f182" ;
font : normal 22px dashicons ;
text-decoration : none ;
position : absolute ;
right : 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 {
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-right : 0 ;
}
# customize-control-changeset_preview_link {
position : relative ;
display : block ;
}
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 ;
left : 0 ;
}
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 {
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 {
right : -10px ;
width : 9px ;
opacity : 0 . 75 ;
}
. customize-copy-preview-link : after {
right : -5px ;
width : 4px ;
opacity : 0 . 8 ;
}
# customize-control-changeset_preview_link input {
line-height : 2 . 5 ;
border-top : 1px solid # ddd ;
border-right : none ;
border-left : none ;
text-indent : -999px ;
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 ;
}
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 ;
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 ;
}
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 ;
}
2016-10-19 14:15:31 -04:00
# customize-controls . customize-info . section-meta {
margin-bottom : 15px ;
}
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
}
2017-10-02 13:34:47 -04:00
. customize-control . customize-control-date_time . date-time-fields . date-input . day {
margin-left : 0 ;
}
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 . time-row {
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 {
line-height : 2 . 2 ;
text-decoration : none ;
}
# customize-control-changeset_preview_link {
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-right : -12px ;
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 ;
}
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 ;
}
2015-05-29 09:57:26 -04:00
# customize-controls . customize-info . accordion-section-title {
background : # fff ;
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2013-11-12 16:19:15 -05:00
border-right : none ;
border-left : none ;
2015-05-29 09:57:26 -04:00
border-bottom : none ;
cursor : default ;
2013-11-12 16:19:15 -05:00
}
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 {
2016-11-15 13:11:31 -05:00
color : # 32373c ;
2013-11-12 16:19:15 -05:00
}
2015-05-29 09:57:26 -04:00
# customize-controls . customize-info . accordion-section-title : after {
display : none ;
}
# customize-controls . customize-info . preview-notice {
2013-11-12 16:19:15 -05:00
font-size : 13px ;
line-height : 24px ;
}
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 ,
2015-05-29 09:57:26 -04:00
# customize-controls . customize-info . panel-title {
2013-11-12 16:19:15 -05:00
font-size : 20px ;
font-weight : 200 ;
2015-11-04 13:53:26 -05:00
line-height : 26px ;
2013-11-12 16:19:15 -05:00
display : block ;
2015-05-29 09:57:26 -04:00
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis ;
2013-11-12 16:19:15 -05:00
}
2015-05-29 09:57:26 -04:00
# customize-controls . customize-section-title span . customize-action {
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis ;
2013-11-12 16:19:15 -05:00
}
2015-05-29 09:57:26 -04:00
# customize-controls . customize-info . customize-help-toggle {
position : absolute ;
top : 4px ;
left : 1px ;
padding : 20px 10px 10px 20px ;
width : 20px ;
height : 20px ;
cursor : pointer ;
box-shadow : none ;
-webkit-appearance : none ;
background : transparent ;
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2015-05-29 09:57:26 -04:00
border : none ;
}
# customize-controls . customize-info . customize-help-toggle : before {
position : absolute ;
top : 5px ;
2015-07-29 19:25:25 -04:00
right : 6px ;
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 ;
}
2015-10-16 19:48:25 -04:00
# customize-controls . customize-info . customize-panel-description ,
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 ,
2015-10-16 19:48:25 -04:00
# customize-controls . no-widget-areas-rendered-notice {
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2015-05-29 09:57:26 -04:00
display : none ;
background : # fff ;
padding : 12px 15px ;
border-top : 1px solid # ddd ;
}
2016-10-19 14:15:31 -04:00
2015-10-16 19:48:25 -04:00
# customize-controls . customize-info . customize-panel-description . open + . no-widget-areas-rendered-notice {
border-top : none ;
}
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 ;
}
2015-05-29 09:57:26 -04:00
2017-10-13 17:21:55 -04:00
# customize-controls . customize-info . customize-section-description {
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 {
2015-05-29 09:57:26 -04:00
margin-top : 0 ;
}
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 {
2015-05-29 09:57:26 -04:00
margin-bottom : 0 ;
}
# customize-controls . current-panel . control-section > h3 . accordion-section-title {
padding-left : 30px ;
2013-11-12 16:19:15 -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 ,
# customize-outer-theme-controls . control-section {
2013-11-12 16:19:15 -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 {
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2013-11-12 16:19:15 -05:00
background-color : # fff ;
2016-11-15 13:11:31 -05:00
border-bottom : 1px solid # ddd ;
2016-09-14 12:15:29 -04:00
border-right : 4px solid # fff ;
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 ;
2015-05-29 09:57:26 -04:00
}
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-right : 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 {
2015-05-29 09:57:26 -04:00
content : "\f341" ;
2016-03-10 16:44:26 -05:00
color : # a0a5aa ;
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 {
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2015-05-29 09:57:26 -04:00
background : transparent ;
2013-11-12 16:19:15 -05:00
}
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 {
2016-11-15 13:11:31 -05:00
color : # 0073aa ;
background : # f3f3f5 ;
border-right-color : # 0073aa ;
2016-09-14 12:15:29 -04:00
}
# accordion-section-themes + . control-section {
border-top : 1px solid # ddd ;
2013-11-12 16:19:15 -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 {
2016-11-15 13:11:31 -05:00
background : # f3f3f5 ;
2013-11-12 16:19:15 -05:00
}
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 {
2016-11-15 13:11:31 -05:00
color : # 0073aa ;
2013-11-12 16:19:15 -05:00
}
# customize-theme-controls . control-section . open {
2015-05-29 09:57:26 -04:00
border-bottom : 1px solid # eee ;
2013-11-12 16:19:15 -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 {
2015-05-29 09:57:26 -04:00
border-bottom-color : # eee ! important ;
2013-11-12 16:19:15 -05:00
}
# customize-theme-controls . control-section : last-of-type . open ,
2014-08-14 00:43:16 -04:00
# customize-theme-controls . control-section : last-of-type > . accordion-section-title {
2013-11-12 16:19:15 -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 {
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 ;
}
2015-05-29 09:57:26 -04:00
# customize-theme-controls > ul {
margin : 0 ;
}
2013-11-12 16:19:15 -05:00
# customize-theme-controls . accordion-section-content {
2015-05-29 09:57:26 -04:00
position : absolute ;
top : 0 ;
2015-06-17 15:35:28 -04:00
right : 100 % ;
width : 100 % ;
margin : 0 ;
2015-11-04 13:53:26 -05:00
padding : 12px ;
2015-06-17 15:35:28 -04:00
box-sizing : border-box ;
2013-11-12 16:19:15 -05:00
}
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 */
}
2017-04-07 15:27:40 -04:00
# customize-theme-controls . customize-pane-child . skip-transition {
transition : none ;
}
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 ;
right : 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 {
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 {
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 ;
}
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 ,
2017-10-11 15:38:50 -04:00
. control-section-nav_menu . customize-section-description-container ,
. control-section-new_menu . customize-section-description-container {
2015-05-29 09:57:26 -04:00
margin-bottom : 15px ;
2014-08-11 21:18:15 -04:00
}
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 ;
}
2015-05-29 09:57:26 -04:00
. customize-section-title {
2015-07-16 15:15:27 -04:00
margin : -12px -12px 0 -12px ;
2015-05-29 09:57:26 -04:00
border-bottom : 1px solid # ddd ;
background : # fff ;
}
2015-07-15 15:59:25 -04:00
div . customize-section-description {
margin-top : 22px ;
}
2016-10-19 14:15:31 -04:00
. customize-info div . customize-section-description {
margin-top : 0 ;
}
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 ;
}
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 14px 12px 10px ;
margin : 0 ;
line-height : 21px ;
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2014-06-26 16:17:15 -04:00
}
. accordion-sub-container . control-panel-content {
display : none ;
position : absolute ;
top : 0 ;
2016-07-06 07:32:27 -04:00
width : 100 % ;
2015-05-29 09:57:26 -04:00
}
2016-09-23 18:23:30 -04:00
. accordion-sub-container . control-panel-content . busy {
2014-06-26 16:17:15 -04:00
display : block ;
}
. current-panel . accordion-sub-container . control-panel-content {
width : 100 % ;
}
2014-07-08 14:19:14 -04:00
. customize-controls-close {
display : block ;
position : absolute ;
top : 0 ;
right : 0 ;
width : 45px ;
2016-11-15 13:11:31 -05:00
height : 41px ;
2015-04-02 13:16:28 -04:00
padding : 0 0 0 2px ;
2014-07-08 14:19:14 -04:00
background : # eee ;
2015-04-01 18:25:28 -04:00
border : none ;
2016-11-15 13:11:31 -05:00
border-top : 4px solid # eee ;
2014-07-08 14:19:14 -04:00
border-left : 1px solid # ddd ;
color : # 444 ;
2015-04-02 13:16:28 -04:00
text-align : right ;
2014-07-08 14:19:14 -04:00
cursor : pointer ;
2016-11-18 16:06:30 -05:00
transition : color . 15s ease-in-out ,
2016-11-15 13:11:31 -05:00
border-color . 15s ease-in-out ,
background . 15s ease-in-out ;
2015-04-02 13:16:28 -04:00
box-sizing : content-box ;
2014-07-08 14:19:14 -04:00
}
2015-05-29 09:57:26 -04:00
. customize-panel-back ,
. customize-section-back {
display : block ;
float : right ;
width : 48px ;
2016-10-21 02:37:30 -04:00
height : 71px ;
2015-05-29 09:57:26 -04:00
padding : 0 0 0 24px ;
margin : 0 ;
background : # fff ;
border : none ;
border-left : 1px solid # ddd ;
2016-11-15 13:11:31 -05:00
border-right : 4px solid # fff ;
2015-05-29 09:57:26 -04:00
box-shadow : none ;
cursor : pointer ;
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 ;
2015-05-29 09:57:26 -04:00
}
. customize-section-back {
2016-10-21 02:37:30 -04:00
height : 74px ;
2015-05-29 09:57:26 -04:00
}
. ios . customize-panel-back {
2014-06-26 16:17:15 -04:00
display : none ;
}
2015-05-29 09:57:26 -04:00
. ios . expanded . in-sub-panel . customize-panel-back {
display : block ;
}
2016-10-25 00:36:39 -04:00
# customize-controls . panel-meta . customize-info . accordion-section-title {
2015-05-29 09:57:26 -04:00
margin-right : 48px ;
2016-10-25 00:36:39 -04:00
border-right : none ;
2015-05-29 09:57:26 -04:00
}
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 {
2015-05-29 09:57:26 -04:00
background : # fff ;
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2016-10-25 00:36:39 -04:00
border-right-color : # fff ;
2015-05-29 09:57:26 -04:00
}
2014-07-08 14:19:14 -04:00
. customize-controls-close : focus ,
. customize-controls-close : hover ,
2015-02-09 07:36:28 -05:00
. customize-controls-preview-toggle : focus ,
. customize-controls-preview-toggle : hover {
2016-11-15 13:11:31 -05:00
background : # fff ;
color : # 0073aa ;
border-top-color : # 0073aa ;
2014-06-26 16:17:15 -04:00
outline : none ;
2014-07-08 14:19:14 -04:00
box-shadow : none ;
}
2016-11-15 13:11:31 -05:00
2015-05-29 09:57:26 -04:00
. customize-panel-back : hover ,
. customize-panel-back : focus ,
. customize-section-back : hover ,
. customize-section-back : focus {
2016-11-15 13:11:31 -05:00
color : # 0073aa ;
background : # f3f3f5 ;
border-right-color : # 0073aa ;
2015-05-29 09:57:26 -04:00
outline : none ;
box-shadow : none ;
}
2014-07-08 14:19:14 -04:00
. customize-controls-close : before {
2015-04-02 13:16:28 -04:00
font : normal 22px / 45px dashicons ;
2014-07-08 14:19:14 -04:00
content : "\f335" ;
position : relative ;
2016-11-15 13:11:31 -05:00
top : -3px ;
2014-08-25 17:58:17 -04:00
right : 13px ;
2014-06-26 16:17:15 -04:00
}
2015-05-29 09:57:26 -04:00
. customize-panel-back : before ,
. customize-section-back : before {
2015-11-04 13:53:26 -05:00
font : normal 20px / 72px dashicons ;
2015-05-29 09:57:26 -04:00
content : "\f345" ;
position : relative ;
2016-11-15 13:11:31 -05:00
right : 9px ;
2015-05-29 09:57:26 -04:00
}
2014-06-26 16:17:15 -04:00
. wp-full-overlay-sidebar . wp-full-overlay-header {
2016-10-21 02:37:30 -04:00
background-color : # eee ;
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-right : 62px ;
}
2014-06-30 11:55:17 -04:00
p . customize-section-description {
font-style : normal ;
2015-05-29 09:57:26 -04:00
margin-top : 22px ;
margin-bottom : 0 ;
2014-06-30 11:55:17 -04:00
}
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-right : 1em ;
}
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 ;
}
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 : left ;
}
. section-description-buttons button . button-link {
color : # 0073aa ;
text-decoration : underline ;
}
2014-06-30 11:55:17 -04:00
2012-08-22 20:04:18 -04:00
. customize-control {
2013-11-12 16:19:15 -05:00
width : 100 % ;
2012-08-22 20:04:18 -04:00
float : right ;
2013-11-12 16:19:15 -05:00
clear : both ;
2015-05-29 09:57:26 -04:00
margin-bottom : 12px ;
2013-11-12 16:19:15 -05:00
}
. customize-control select ,
. customize-control input [ type = "radio" ] ,
. customize-control input [ type = "checkbox" ] {
line-height : 28px ;
}
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 % ;
2013-11-12 16:19:15 -05:00
line-height : 18px ;
margin : 0 ;
}
2015-02-14 03:46:27 -05:00
. customize-control-hidden {
margin : 0 ;
}
2014-06-30 15:48:13 -04:00
. customize-control-textarea textarea {
width : 100 % ;
resize : vertical ;
}
2013-11-12 16:19:15 -05:00
. customize-control select {
2016-10-25 02:31:31 -04:00
width : 100 % ;
2013-11-12 16:19:15 -05:00
height : 28px ;
line-height : 28px ;
}
2014-04-05 09:12:15 -04:00
. customize-control select [ multiple ] {
height : auto ;
}
2013-11-12 16:19:15 -05:00
. customize-control-title {
display : block ;
font-size : 14px ;
line-height : 24px ;
font-weight : 600 ;
2016-05-12 16:23:54 -04:00
margin-bottom : 4px ;
2013-11-12 16:19:15 -05:00
}
2014-06-30 11:55:17 -04:00
. customize-control-description {
display : block ;
font-style : italic ;
line-height : 18px ;
2016-10-25 02:31:31 -04:00
margin-top : 0 ;
2014-06-30 11:55:17 -04:00
margin-bottom : 5px ;
}
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-right : 3px ;
display : inline-block ;
text-decoration : none ;
}
2013-11-12 16:19:15 -05:00
. customize-control-color . color-picker ,
. customize-control-upload div {
line-height : 28px ;
2012-08-22 20:04:18 -04:00
}
2017-10-04 14:12:46 -04:00
. customize-control . customize-inside-control-row {
2015-11-11 04:37:27 -05:00
line-height : 20px ;
display : block ;
margin-right : 24px ;
2015-11-15 23:44:26 -05:00
padding-top : 6px ;
padding-bottom : 6px ;
2015-11-11 04:37:27 -05:00
}
2015-11-15 23:44:26 -05:00
. customize-control-radio input ,
2015-11-11 04:37:27 -05:00
. customize-control-checkbox input ,
. customize-control-nav_menu_auto_add input {
margin-left : 4px ;
margin-right : -24px ;
2012-08-22 20:04:18 -04:00
}
2013-11-12 16:19:15 -05:00
. customize-control-radio {
padding : 5px 0 10px ;
}
. customize-control-radio . customize-control-title {
margin-bottom : 0 ;
line-height : 22px ;
}
2014-06-30 11:55:17 -04:00
. customize-control-radio . customize-control-title + . customize-control-description {
margin-top : 7px ;
}
2017-10-10 19:45:51 -04:00
. customize-control-radio label ,
. customize-control-checkbox label {
vertical-align : top ;
}
2014-11-11 18:52:22 -05:00
. customize-control . attachment-thumb . type-icon {
float : right ;
2014-12-02 16:55:23 -05:00
margin : 10px ;
width : auto ;
2014-11-11 18:52:22 -05:00
}
. customize-control . attachment-title {
2016-06-17 14:37:28 -04:00
font-weight : 600 ;
2014-12-02 16:55:23 -05:00
margin : 0 ;
padding : 5px 10px ;
2014-11-11 18:52:22 -05:00
}
2014-12-03 20:59:22 -05:00
. customize-control . attachment-meta {
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis ;
margin : 0 ;
2015-03-07 06:06:29 -05:00
padding : 0 10px ;
2014-12-03 20:59:22 -05:00
}
. customize-control . attachment-meta-title {
padding-top : 7px ;
}
2017-05-15 14:51:41 -04:00
/* Remove descender space. */
2017-05-12 13:50:44 -04:00
. customize-control . thumbnail-image ,
. customize-control-header . current ,
. customize-control . wp-media-wrapper . wp-video {
2014-12-02 16:55:23 -05:00
line-height : 0 ;
2014-11-11 18:52:22 -05:00
}
2017-05-15 14:51:41 -04:00
/* Remove descender space. */
. customize-control-site_icon . favicon-preview . browser-preview {
vertical-align : top ;
}
2014-11-11 18:52:22 -05:00
. customize-control . thumbnail-image img {
cursor : pointer ;
}
2015-03-07 06:06:29 -05:00
# customize-controls . thumbnail-audio . thumbnail {
max-width : 64px ;
max-height : 64px ;
margin : 10px ;
float : right ;
}
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 1px 5px 0 ;
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 6px 2px 0 ;
-webkit-box-flex : 10 ;
flex-grow : 1 ;
}
. customize-control-dropdown-pages . new-content-item . create-item-input . invalid {
2017-10-02 00:12:47 -04:00
border : 1px solid # dc3232 ;
2016-10-25 02:31:31 -04:00
}
2016-11-09 21:56:30 -05:00
. customize-control-dropdown-pages . add-new-toggle {
margin-right : 1px ;
font-weight : 600 ;
line-height : 28px ;
}
2013-11-12 16:19:15 -05:00
# customize-preview iframe {
width : 100 % ;
height : 100 % ;
2016-02-15 20:57:26 -05:00
position : absolute ;
2013-11-12 16:19:15 -05:00
}
2016-03-22 20:53:28 -04:00
# customize-preview iframe + iframe {
visibility : hidden ;
}
2013-11-12 16:19:15 -05:00
. wp-full-overlay-sidebar {
2015-05-29 09:57:26 -04:00
background : # eee ;
2013-11-14 11:42:10 -05:00
border-left : 1px solid # ddd ;
2013-11-12 16:19:15 -05: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 ;
}
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 ;
2017-09-19 01:40:44 -04:00
padding : 9px 14px ;
overflow : hidden ;
}
# customize-controls . customize-control-notifications-container . notice . is-dismissible {
padding-left : 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 ;
}
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 ) {
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 ,
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 ;
}
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 ;
}
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-left : 38px ;
}
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 ;
}
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-right : 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 ;
}
2013-11-12 16:19:15 -05:00
/* Style for custom settings */
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 {
2017-10-02 00:12:47 -04:00
margin-top : 12px ;
2017-09-18 20:46:45 -04:00
}
2015-10-20 16:15:26 -04:00
/ * *
2012-08-22 20:04:18 -04:00
* Dropdowns
* /
2015-10-20 16:15:26 -04:00
2013-03-22 13:46:48 -04:00
. accordion-section . dropdown {
2012-08-22 20:04:18 -04:00
float : right ;
2013-11-12 16:19:15 -05:00
display : block ;
position : relative ;
cursor : pointer ;
2012-08-22 20:04:18 -04:00
}
2013-03-22 13:46:48 -04:00
. accordion-section . dropdown-content {
2013-11-12 16:19:15 -05:00
overflow : hidden ;
2012-08-22 20:04:18 -04:00
float : right ;
2013-11-12 16:19:15 -05:00
min-width : 30px ;
height : 16px ;
line-height : 16px ;
2012-08-22 20:04:18 -04:00
margin-left : 16px ;
2013-11-12 16:19:15 -05:00
padding : 4px 5px ;
2015-05-29 09:57:26 -04:00
border : 2px solid # eee ;
2013-11-12 16:19:15 -05:00
-webkit-user-select : none ;
-moz-user-select : none ;
2014-02-13 03:30:17 -05:00
-ms-user-select : none ;
2013-11-12 16:19:15 -05:00
user-select : none ;
2012-08-22 20:04:18 -04:00
}
2016-03-10 16:44:26 -05:00
/* @todo maybe no more used? */
2012-08-22 20:04:18 -04:00
. customize-control . dropdown-arrow {
2013-11-12 16:19:15 -05:00
position : absolute ;
top : 0 ;
bottom : 0 ;
2012-08-22 20:04:18 -04:00
left : 0 ;
2013-11-12 16:19:15 -05:00
width : 20px ;
2015-05-29 09:57:26 -04:00
background : # eee ;
2012-08-22 20:04:18 -04:00
}
. customize-control . dropdown-arrow : after {
2013-11-12 16:19:15 -05:00
content : "\f140" ;
2015-09-05 15:57:25 -04:00
font : normal 20px / 1 dashicons ;
2013-11-12 16:19:15 -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 ;
2015-04-05 17:20:27 -04:00
color : # 32373c ;
2013-11-12 16:19:15 -05:00
}
. customize-control . dropdown-status {
2015-04-05 17:20:27 -04:00
color : # 32373c ;
2015-05-29 09:57:26 -04:00
background : # eee ;
2013-11-12 16:19:15 -05:00
display : none ;
max-width : 112px ;
}
2012-08-22 20:04:18 -04:00
. customize-control-color . dropdown {
margin-left : 5px ;
2013-11-12 16:19:15 -05:00
margin-bottom : 5px ;
}
. customize-control-color . dropdown . dropdown-content {
2016-11-15 13:11:31 -05:00
background-color : # 555d66 ;
2013-11-12 16:19:15 -05:00
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 15 ) ;
}
. customize-control-color . dropdown : hover . dropdown-content {
border-color : rgba ( 0 , 0 , 0 , 0 . 25 ) ;
}
/ * *
* iOS can ' t scroll iframes ,
* instead it expands the iframe size to match the size of the content
* /
2015-10-20 16:15:26 -04:00
2013-11-12 16:19:15 -05:00
. ios . wp-full-overlay {
position : relative ;
}
. ios # customize-controls . wp-full-overlay-sidebar-content {
-webkit-overflow-scrolling : touch ;
}
2015-10-20 16:15:26 -04:00
/* Media controls */
2014-03-11 00:13:16 -04:00
2017-05-12 13:50:44 -04:00
. customize-control . actions . button {
margin-top : 12px ;
2014-03-11 00:13:16 -04:00
}
2016-11-04 19:15:33 -04:00
. customize-control-header . actions ,
2014-12-02 16:55:23 -05:00
. customize-control-header . uploaded {
2014-03-11 00:13:16 -04:00
margin-bottom : 18px ;
}
2014-12-02 16:55:23 -05:00
. customize-control-header . uploaded button : not ( . random ) ,
. customize-control-header . default button : not ( . random ) {
2014-04-04 11:49:15 -04:00
width : 100 % ;
padding : 0 ;
margin : 0 ;
background : none ;
border : none ;
color : inherit ;
cursor : pointer ;
}
2014-12-02 16:55:23 -05:00
. customize-control-header button img {
2014-04-04 11:49:15 -04:00
display : block ;
}
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 ,
2014-12-02 16:55:23 -05:00
. customize-control-header button . new ,
. customize-control-header button . remove {
2017-05-12 13:50:44 -04:00
width : auto ;
2014-04-12 14:40:14 -04:00
height : auto ;
2017-05-12 13:50:44 -04:00
white-space : normal ;
2014-04-12 14:40:14 -04:00
}
2016-05-12 16:23:54 -04:00
. customize-control . attachment-media-view . thumbnail ,
2014-12-02 16:55:23 -05:00
. customize-control-header . current . container {
2014-03-11 00:13:16 -04:00
overflow : hidden ;
2014-12-02 16:55:23 -05:00
}
2016-05-12 16:23:54 -04:00
. customize-control . attachment-media-view . placeholder ,
2014-12-02 16:55:23 -05:00
. customize-control-header . placeholder {
2014-03-11 00:13:16 -04:00
width : 100 % ;
position : relative ;
text-align : center ;
cursor : default ;
2016-02-23 12:27:26 -05:00
border : 1px dashed # b4b9be ;
box-sizing : border-box ;
2016-05-12 16:23:54 -04:00
padding : 9px 0 ;
line-height : 20px ;
2014-03-11 00:13:16 -04:00
}
2014-12-02 16:55:23 -05:00
. customize-control-header . inner {
2014-03-11 00:13:16 -04:00
display : none ;
position : absolute ;
width : 100 % ;
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2014-04-04 11:49:15 -04:00
white-space : nowrap ;
text-overflow : ellipsis ;
overflow : hidden ;
2014-03-11 00:13:16 -04:00
}
2014-12-02 16:55:23 -05:00
. customize-control-header . inner ,
. customize-control-header . inner . dashicons {
2014-04-04 11:49:15 -04:00
line-height : 20px ;
2016-02-23 12:27:26 -05:00
top : 8px ;
2014-04-04 11:49:15 -04:00
}
2014-12-02 16:55:23 -05:00
. customize-control-header . list . inner ,
. customize-control-header . list . inner . dashicons {
2014-04-04 11:49:15 -04:00
top : 9px ;
}
2014-03-11 00:13:16 -04:00
2014-12-02 16:55:23 -05:00
. customize-control-header . header-view {
2014-03-11 00:13:16 -04:00
position : relative ;
2014-04-04 11:49:15 -04:00
width : 100 % ;
2017-05-12 13:50:44 -04:00
margin-bottom : 12px ;
2014-03-11 00:13:16 -04:00
}
2014-12-02 16:55:23 -05:00
. customize-control-header . header-view : last-child {
2014-04-04 11:49:15 -04:00
margin-bottom : 0px ;
}
/* Convoluted, but 'outline' support isn't good enough yet */
2014-12-02 16:55:23 -05:00
. customize-control-header . header-view : after {
2014-04-04 11:49:15 -04:00
border : 0 ;
}
2016-10-23 15:57:32 -04:00
. customize-control-header . header-view . selected . choice : focus {
outline : none ;
}
2014-12-02 16:55:23 -05:00
. customize-control-header . header-view . selected : after {
2018-02-03 08:19:32 -05:00
content : "" ;
2014-04-04 11:49:15 -04:00
position : absolute ;
2014-04-12 14:40:14 -04:00
height : auto ;
2017-10-02 00:12:47 -04:00
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
2015-04-05 17:20:27 -04:00
border : 4px solid # 00a0d2 ;
2014-04-04 11:49:15 -04:00
border-radius : 2px ;
}
2016-10-23 15:57:32 -04:00
2014-12-02 16:55:23 -05:00
. customize-control-header . header-view . button . selected {
2014-04-04 11:49:15 -04:00
border : 0 ;
}
/* Header control: overlay "close" button */
2014-12-02 16:55:23 -05:00
. customize-control-header . uploaded . header-view . close {
2015-05-06 06:54:27 -04:00
font-size : 20px ;
color : # fff ;
2016-11-15 13:11:31 -05:00
background : # 555d66 ;
2015-05-06 06:54:27 -04:00
background : rgba ( 0 , 0 , 0 , 0 . 5 ) ;
2014-03-11 00:13:16 -04:00
position : absolute ;
top : 10px ;
2016-10-23 15:57:32 -04:00
right : -999px ;
2014-03-11 00:13:16 -04:00
z-index : 1 ;
2015-05-06 06:54:27 -04:00
width : 26px ;
height : 26px ;
2014-03-11 00:13:16 -04:00
cursor : pointer ;
}
2015-05-06 06:54:27 -04:00
. customize-control-header . header-view : hover . close ,
. customize-control-header . header-view . close : focus {
2016-10-23 15:57:32 -04:00
right : auto ;
2015-05-06 06:54:27 -04:00
left : 10px ;
2014-03-11 00:13:16 -04:00
}
2016-10-23 15:57:32 -04:00
. customize-control-header . header-view . close : focus {
outline : 1px solid # 5b9dd9 ;
}
2014-03-11 00:13:16 -04:00
/* Header control: randomiz(s)er */
2014-12-02 16:55:23 -05:00
. customize-control-header . random . placeholder {
2014-03-11 00:13:16 -04:00
cursor : pointer ;
border-radius : 2px ;
height : 40px ;
}
2014-12-02 16:55:23 -05:00
. customize-control-header button . random {
2014-04-06 15:28:16 -04:00
width : 100 % ;
2014-04-12 14:40:14 -04:00
height : auto ;
min-height : 40px ;
white-space : normal ;
2014-04-06 15:28:16 -04:00
}
2014-12-02 16:55:23 -05:00
. customize-control-header button . random . dice {
2014-04-06 15:28:16 -04:00
margin-top : 4px ;
2014-03-11 00:13:16 -04:00
}
2014-12-02 16:55:23 -05:00
. customize-control-header . placeholder : hover . dice ,
. customize-control-header . header-view : hover > button . random . dice {
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 ;
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 ) ;
}
2014-03-11 00:13:16 -04:00
}
2014-12-02 16:55:23 -05:00
. customize-control-header . choice {
2014-03-11 00:13:16 -04:00
position : relative ;
display : block ;
margin-bottom : 9px ;
}
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 ) ;
}
2014-12-02 16:55:23 -05:00
. customize-control-header . uploaded div : last-child > . choice {
2014-03-11 00:13:16 -04:00
margin-bottom : 0 ;
}
2016-05-12 16:23:54 -04:00
. customize-control . attachment-media-view . thumbnail-image img ,
2014-12-02 16:55:23 -05:00
. customize-control-header img {
2016-07-04 17:45:28 -04:00
max-width : 100 % ;
2014-03-11 00:13:16 -04:00
}
2016-05-12 16:23:54 -04:00
. customize-control . attachment-media-view . remove-button ,
. customize-control . attachment-media-view . default-button ,
2014-12-02 16:55:23 -05:00
. customize-control-header . remove {
2017-05-12 13:50:44 -04:00
margin-left : 8px ;
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 ;
}
2016-10-19 14:15:31 -04:00
/ * *
2017-09-21 19:04:45 -04:00
* Code Editor Control and Custom CSS Section
2016-10-19 14:15:31 -04:00
*
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 .
2016-10-19 14:15:31 -04:00
* /
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 ;
}
2016-11-14 14:12:30 -05:00
# customize-controls . customize-section-description-container . section-meta . customize-info {
border-bottom : none ;
2016-10-19 14:15:31 -04:00
}
2016-11-14 14:12:30 -05:00
# sub-accordion-section-custom_css . customize-control-notifications-container {
margin-bottom : 15px ;
2016-10-19 14:15:31 -04:00
}
2016-11-14 14:12:30 -05:00
# customize-control-custom_css textarea {
display : block ;
height : 500px ;
2016-11-06 14:09:33 -05:00
}
2016-10-19 14:15:31 -04:00
2017-09-24 12:00:46 -04:00
. customize-section-description-container + # customize-control-custom_css . customize-control-title {
margin-right : 12px ;
}
2016-11-14 14:12:30 -05:00
. customize-section-description-container + # customize-control-custom_css : last-child textarea {
2016-10-19 14:15:31 -04:00
border-left : 0 ;
border-right : 0 ;
2016-11-14 14:12:30 -05:00
height : calc ( 100vh - 185px ) ;
resize : none ;
}
2017-09-24 12:00:46 -04:00
2016-11-14 14:12:30 -05:00
. customize-section-description-container + # customize-control-custom_css : last-child {
margin-right : -12px ;
width : 299px ;
2017-04-21 01:25:43 -04:00
width : calc ( 100 % + 24px ) ;
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 ) ;
}
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-right : 12px ;
margin-left : 12px ;
}
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 ) ;
}
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-left : 0 ;
}
2017-09-24 12:00:46 -04:00
2016-11-14 14:12:30 -05:00
. customize-section-description-container + # customize-control-custom_css : last-child textarea {
height : calc ( 100vh - 140px ) ;
}
2016-10-19 14:15:31 -04:00
}
2015-02-24 15:31:24 -05:00
/ * *
* Themes
* /
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 {
2015-04-01 18:51:27 -04:00
cursor : default ;
2016-09-14 12:15:29 -04:00
background : # fff ;
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2016-09-14 12:15:29 -04:00
border-top : 1px solid # ddd ;
border-bottom : 1px solid # ddd ;
border-right : 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-left : none ;
margin : 0 0 15px 0 ;
padding-left : 100px ; /* Space for the button */
2017-09-11 01:23:48 -04:00
}
2015-04-01 18:51:27 -04:00
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 ;
2015-04-01 18:51:27 -04:00
}
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 ;
}
2016-11-07 16:47:30 -05:00
# customize-controls . customize-themes-panel . accordion-section-title : hover ,
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-left : 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 ,
2016-11-04 13:18:26 -04:00
# customize-controls . control-section-themes . accordion-section-title span . customize-action ,
2017-10-13 17:21:55 -04:00
# customize-controls . customize-section-title span . customize-action {
2015-05-29 09:57:26 -04:00
font-size : 13px ;
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 {
2015-04-01 18:51:27 -04:00
position : absolute ;
left : 10px ;
top : 50 % ;
margin-top : -14px ;
2016-06-17 14:37:28 -04:00
font-weight : 400 ;
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 ;
right : 0 ;
transition : . 18s right ease-in-out ;
2017-10-15 00:59:10 -04:00
margin : 0 300px 0 0 ;
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 ;
}
2017-10-18 11:11:46 -04:00
@ media screen and ( min-width : 1670px ) {
. control-panel-themes . customize-themes-full-container {
width : 82 % ;
left : 0 ;
right : initial ;
}
}
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 */
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 {
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 */
}
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 {
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 : left ;
margin : 3px 25px 3px 0 ;
}
. themes-filter-bar . feature-filter-toggle : before {
content : "\f111" ;
margin : 0 0 0 5px ;
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 {
2016-10-18 23:20:29 -04:00
display : none ;
}
2017-10-18 11:11:46 -04:00
. filter-drawer {
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 ;
right : 0 ;
padding : 25px 25px 25px 0 ;
border-top : 0 ;
margin : 0 ;
background : # eee ;
border-bottom : 1px solid # ddd ;
2015-05-29 09:57:26 -04:00
}
2015-04-01 18:51:27 -04:00
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 0 0 25px ;
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 : left ;
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. */
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 15px 8px 0 ;
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-right : 4px solid # fff ;
border-left : none ;
cursor : pointer ;
padding : 10px 15px ;
position : relative ;
text-align : right ;
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 ;
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 ;
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-right-color : # 0073aa ;
color : # 0073aa ;
background : # f5f5f5 ;
}
. customize-themes-section-title : not ( . selected ) : after {
content : "" ;
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 ;
left : 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 1px 1px 3px ; /* Re-align the icon to the smaller grid */
border-radius : 100 % ;
position : absolute ;
top : 9px ;
left : 15px ;
background : # 0073aa ;
color : # fff ;
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 ;
2015-02-24 15:31:24 -05:00
}
2015-05-29 09:57:26 -04:00
# customize-theme-controls . themes . accordion-section-content {
position : relative ;
right : 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 ;
right : calc ( 50 % - 10px ) ;
float : none ;
margin-top : 50px ;
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 ;
}
2017-10-30 21:33:47 -04:00
. themes-section-installed_themes . theme . notice-success : not ( . updated-message ) {
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
display : none ; /* Hide "installed" notice on installed themes tab. */
}
. customize-control-theme . theme {
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 0 25px 25px ;
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 25px 25px 0 ;
transition : . 18s margin-top linear ;
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 ;
}
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 ;
right : 300px ;
width : calc ( 100 % - 300px ) ;
height : 46px ;
background : # eee ;
z-index : 10 ;
padding : 6px 25px ;
box-sizing : border-box ;
border-bottom : 1px solid # ddd ;
}
2017-10-18 11:11:46 -04:00
@ media screen and ( min-width : 1670px ) {
. customize-preview-header . themes-filter-bar {
width : 82 % ;
left : 0 ;
right : 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 ;
2017-10-18 00:06:47 -04:00
padding : 6px 30px 6px 10px ;
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 ;
right : 25px ;
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 ;
right : 0 ;
width : 100 % ;
margin : 0 0 25px 0 ;
}
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 25px 25px 0 ;
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 ) {
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 ;
}
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 : right ;
}
}
@ media screen and ( max-width : 792px ) {
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 ) ;
}
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 {
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 ) {
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 : left ;
}
. control-panel-themes . customize-themes-full-container {
width : 100 % ;
margin : 0 ;
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 ;
right : 0 ;
background : # eee ;
color : # 444 ;
border-radius : 0 ;
box-shadow : none ;
border : none ;
height : 46px ;
width : 100 % ;
z-index : 10 ;
text-align : right ;
text-shadow : none ;
border-bottom : 1px solid # ddd ;
border-right : 4px solid transparent ;
margin : 0 ;
padding : 0 ;
font-size : 0 ;
overflow : hidden ;
}
. wp-customizer . showing-themes . control-panel-themes . customize-themes-mobile-back : before {
right : 0 ;
top : 0 ;
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-left : 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-right-color : # 0073aa ;
outline : none ;
box-shadow : none ;
}
. showing-themes # customize-header-actions {
display : none ;
}
2017-10-18 00:06:47 -04:00
# customize-controls {
width : 100 % ;
}
2016-11-04 13:18:26 -04:00
}
2015-02-24 15:31:24 -05:00
/* Details View */
. wp-customizer . theme-overlay {
display : none ;
}
. wp-customizer . modal-open . theme-overlay {
position : fixed ;
right : 0 ;
top : 0 ;
left : 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 ;
}
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 ;
}
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 : right ;
margin-left : 8px ;
}
. wp-customizer . theme-rating . num-ratings {
line-height : 20px ;
}
2015-02-24 15:31:24 -05:00
. wp-customizer . theme-overlay . theme-wrap {
right : 90px ;
left : 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 : left ; /* 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 ;
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-right : 8px ;
}
. control-panel-themes . theme-actions . delete-theme {
right : 15px ; /* these override themes.css on mobile */
left : 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 ;
2015-04-22 14:57:25 -04:00
}
2015-02-24 15:31:24 -05:00
/* Small Screens */
@ media ( max-width : 850px ) , ( max-height : 472px ) {
. wp-customizer . theme-overlay . theme-wrap {
right : 0 ;
left : 0 ;
top : 0 ;
bottom : 0 ;
2015-02-27 15:19:29 -05:00
}
2017-10-18 00:06:47 -04:00
. wp-customizer . theme-browser . themes {
padding-left : 25px ;
}
2015-02-24 15:31:24 -05:00
}
2015-04-01 18:51:27 -04:00
/* Handle cheaters. */
2013-11-12 16:19:15 -05:00
body . cheatin {
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 ;
2013-11-12 16:19:15 -05:00
min-width : 0 ;
2014-03-29 19:19:15 -04:00
box-shadow : 0 1px 3px rgba ( 0 , 0 , 0 , 0 . 13 ) ;
2013-11-12 16:19:15 -05:00
}
2015-09-03 23:40:25 -04:00
body . cheatin h1 {
2016-02-18 17:30:27 -05:00
border-bottom : 1px solid # ddd ;
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 ;
2016-05-16 21:45:27 -04:00
font-size : 24px ;
2016-07-26 12:39:30 -04:00
font-family : -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Oxygen-Sans , Ubuntu , Cantarell , "Helvetica Neue" , sans-serif ;
2015-09-03 23:40:25 -04:00
margin : 30px 0 0 0 ;
padding : 0 ;
padding-bottom : 7px ;
}
2013-11-12 16:19:15 -05:00
body . cheatin p {
font-size : 14px ;
2014-03-29 19:19:15 -04:00
line-height : 1 . 5 ;
margin : 25px 0 20px ;
2012-08-22 20:04:18 -04:00
}
2015-02-09 07:36:28 -05:00
2015-10-20 16:15:26 -04:00
/ * *
* Widgets and Menus common styles
* /
2016-09-28 15:54:28 -04:00
/* higher specificity than .wp-core-ui .button */
2015-10-20 16:15:26 -04:00
# customize-theme-controls . add-new-widget ,
# customize-theme-controls . add-new-menu-item {
cursor : pointer ;
float : left ;
2017-09-26 15:05:46 -04:00
margin : 0 ;
2015-10-20 16:15:26 -04:00
margin-right : 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 {
2015-10-20 16:15:26 -04:00
content : "\f132" ;
display : inline-block ;
position : relative ;
right : -2px ;
2017-09-26 15:05:46 -04:00
top : 0 ;
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 : left ;
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 ;
}
2016-01-13 17:36:26 -05:00
. widget-reorder-nav span ,
. menu-item-reorder-nav button {
position : relative ;
overflow : hidden ;
float : right ;
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 ;
left : 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 {
left : 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 ;
right : -301px ;
visibility : hidden ;
overflow-x : hidden ;
overflow-y : auto ;
width : 300px ;
margin : 0 ;
z-index : 4 ;
background : # eee ;
transition : right . 18s ;
border-left : 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 % ;
2016-10-03 12:28:31 -04:00
border-top : 1px solid # ddd ;
}
. no-widgets-found # available-widgets-list {
border-top : none ;
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 {
2016-10-03 12:28:31 -04:00
padding : 13px 15px ;
2016-01-13 17:36:26 -05:00
box-sizing : border-box ;
}
# available-widgets-filter input ,
# available-menu-items-search input {
width : 100 % ;
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 */
right : 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 */
left : 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 ,
2017-11-08 20:02:47 -05:00
# available-widgets-filter . search-icon : after ,
2017-10-18 00:06:47 -04:00
. themes-filter-bar . search-icon : after {
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 ;
}
2017-10-18 00:06:47 -04:00
. themes-filter-bar . search-icon {
position : absolute ;
top : 7px ;
right : 26px ;
z-index : 1 ;
color : # 72777c ;
height : 30px ;
width : 30px ;
line-height : 2 ;
text-align : center ;
}
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 ;
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 ;
2017-09-26 15:05:46 -04:00
padding : 15px 60px 15px 15px ;
2016-01-13 17:36:26 -05:00
background : # fff ;
2016-10-03 12:28:31 -04:00
border-bottom : 1px solid # ddd ;
2016-09-14 12:15:29 -04:00
border-right : 4px solid # fff ;
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 ;
2016-01-13 17:36:26 -05:00
cursor : pointer ;
display : none ;
}
# available-widgets . widget ,
# available-menu-items . item {
position : static ;
}
2015-02-09 07:36:28 -05:00
/* Responsive */
. customize-controls-preview-toggle {
display : none ;
}
2015-11-15 23:44:26 -05:00
@ media only screen and ( max-width : 782px ) {
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 ;
}
2015-04-22 12:15:27 -04:00
. wp-customizer . theme-browser . theme . active . theme-name span {
display : inline ;
}
2015-11-15 23:44:26 -05:00
2017-10-10 19:45:51 -04:00
. customize-control-header button . random . dice {
margin-top : 0 ;
}
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 {
2015-11-15 23:44:26 -05:00
margin-right : 32px ;
}
. customize-control-radio input ,
. customize-control-checkbox input ,
. customize-control-nav_menu_auto_add input {
margin-right : -32px ;
}
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 */
2015-11-15 23:44:26 -05:00
}
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 ;
}
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 ;
}
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 ;
}
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 ;
}
. date-time-fields . date-timezone {
line-height : 3 . 2 ;
}
2017-10-02 00:12:47 -04:00
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 ;
}
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 {
2017-09-26 15:05:46 -04:00
margin-top : 12px ;
}
2017-10-18 00:06:47 -04:00
. wp-core-ui . themes-filter-bar . feature-filter-toggle {
margin : 3px 25px 3px 0 ;
}
2015-03-27 17:53:27 -04:00
}
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 {
right : 67 % ;
}
}
2015-02-09 07:36:28 -05:00
@ media screen and ( max-width : 640px ) {
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-right : 0 ;
}
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 ;
right : 48px ;
line-height : 45px ;
font-size : 14px ;
2016-04-17 11:41:27 -04:00
padding : 0 12px ;
2015-02-09 07:36:28 -05:00
margin : 0 ;
height : 45px ;
background : # eee ;
2016-04-17 11:41:27 -04:00
border : 0 ;
2015-02-09 07:36:28 -05:00
border-left : 1px solid # ddd ;
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
2015-02-09 07:36:28 -05:00
cursor : pointer ;
transition : color . 1s ease-in-out , background . 1s ease-in-out ;
}
# customize-footer-actions ,
2017-10-18 00:06:47 -04:00
/*#customize-preview,*/
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 ;
}
2017-10-13 17:21:55 -04:00
. preview-only # customize-save-button-wrapper {
margin-top : -46px ;
}
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-left : 6px ;
}
. customize-controls-preview-toggle . controls : before {
2015-07-09 17:05:25 -04:00
content : "\f540" ;
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 ;
}
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 ;
2015-03-27 18:17:30 -04:00
}
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 ,
2017-10-02 14:40:48 -04:00
body . outer-section-open div # customize-sidebar-outer-content {
2016-01-13 17:36:26 -05:00
width : 100 % ;
}
# 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 14px 12px 10px ;
margin : 0 ;
line-height : 24px ;
2016-11-15 13:11:31 -05:00
color : # 555d66 ;
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 {
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 */
2016-01-13 17:36:26 -05:00
}
2017-09-26 15:05:46 -04:00
. reorder ,
. reordering . reorder-done {
padding : 8px ;
}
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 ) ;
}
2017-10-11 15:38:50 -04:00
}
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 ;
}
2017-10-28 02:54:47 -04:00
. wp-full-overlay . expanded {
margin-right : 0 ;
}
body . adding-widget div # available-widgets ,
body . adding-menu-items div # available-menu-items ,
body . outer-section-open div # customize-sidebar-outer-content {
top : 46px ;
z-index : 10 ;
}
body . wp-customizer . wp-full-overlay . expanded # customize-sidebar-outer-content {
right : -100 % ;
}
body . wp-customizer . outer-section-open . wp-full-overlay . expanded # customize-sidebar-outer-content {
right : 0 ;
}
2017-10-19 14:10:47 -04:00
}
