diff options
Diffstat (limited to 'plugins/jetpack/modules/widget-visibility/widget-conditions')
5 files changed, 236 insertions, 50 deletions
diff --git a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions-rtl.css b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions-rtl.css index 69d6031f..70846d82 100644 --- a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions-rtl.css +++ b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions-rtl.css @@ -15,13 +15,14 @@ display: none; } .widget-conditional .widget-conditional-inner { - background: #F9F9F9; - border: 1px solid #DFDFDF; + background: #f6f7f7; + border: 1px solid #dcdcde; padding: 12px 10px 0; } .widget-conditional { margin-bottom: 12px; + margin-top: 10px; } .widget-conditional .conditions{ margin-bottom: 12px; @@ -67,12 +68,18 @@ text-indent: -9999px; z-index: 1; } + +.wp-block-legacy-widget__edit-form .widget-conditional .condition-control a { + top: 20px; +} + .widget-conditional .condition-control a:before { position: absolute; text-indent: 0; top: 0; right: 0; } +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .condition-control .delete-condition, .widget-conditional .condition-control .delete-condition { right: 0; color: #f11; @@ -81,6 +88,26 @@ left: 0; } +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner a.dashicons { + font-family: dashicons; +} + +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner select { + display:initial; + width:auto; + background-color: #fff; +} + +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner select:disabled { + color: #a7aaad; + border-color: #dcdcde; + background-color: #f6f7f7; +} + +.editor-styles-wrapper .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .alignleft { + margin-right:20px +} + .widget-conditional .condition:last-child .condition-conjunction, .widget-conditional .condition:last-child .condition-intersection { display: none; @@ -114,3 +141,71 @@ top: 20px; } } + +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner { + /* + * fonts of labels are reset to 13px in gutenberg editor for legacy widgets, ensure a consistent look on non-labels + */ + font-size: 13px; +} + +/* + * Rules for gutenberg advanced panel + */ + + .widget-vis__wrapper .components-base-control, + .widget-vis__rule .components-base-control { + margin-bottom: 12px; + } + +.widget-vis__rule { + padding: 12px; + border: 1px solid #dcdcde; + display: flex; + flex-direction: column; + margin-bottom: 12px; +} + +.widget-vis__rule-major, +.widget-vis__rule-minor { + display: flex; + justify-content: stretch; + align-items: center; +} + +.widget-vis__if, +.widget-vis__is { + margin-left: 8px; + width: 10px; +} + +.widget-vis__show-hide { + margin-bottom: 0; +} + +.components-button.widget-vis__add-new-rule { + display: block; +} + +.widget-vis__delete-rule { + margin-top: 6px; + text-align: left; +} + +.widget-vis__match-all { + margin-top: 12px; +} + +.widget-vis__select { + width: 100%; +} + +.widget-vis__select .components-input-control__container { + position: relative; + top: 4px; +} + +.widget-vis__select-multi-level select option:disabled { + font-size: 18px; + font-weight: 600; +} diff --git a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions-rtl.min.css b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions-rtl.min.css index 410e7a46..4c394d18 100644 --- a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions-rtl.min.css +++ b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions-rtl.min.css @@ -1 +1 @@ -.wp-customizer .expanded .widget-conditional .widget-conditional-inner{width:98%;box-sizing:border-box}.wp-customizer .expanded .widget-conditional .form{overflow:scroll;margin-bottom:20px}.widget-liquid-right .widget.expanded{overflow:visible}.widget-conditional-hide{display:none}.widget-conditional .widget-conditional-inner{background:#f9f9f9;border:1px solid #dfdfdf;padding:12px 10px 0}.widget-conditional{margin-bottom:12px}.widget-conditional .conditions{margin-bottom:12px}.widget-conditional .condition,.widget-conditional .condition-top{clear:both}.widget-conditional .condition{padding-top:12px;position:relative}.widget-conditional .condition select{width:120px;position:relative;z-index:2}.widget-conditional .condition-top select{width:auto}.widget-conditional .condition-control{padding-top:4px;clear:both;margin-top:-20px}.widget-conditional .selection{margin-left:50px;margin-right:20px}.widget-conditional .conditions-rule-has-children{display:block}.widget-conditional .condition .actions{margin-top:-28px}.widget-conditional .condition .actions{margin-top:-28px}.widget-conditional .condition-control a{text-decoration:none;position:absolute;top:17px;text-indent:-9999px;z-index:1}.widget-conditional .condition-control a:before{position:absolute;text-indent:0;top:0;right:0}.widget-conditional .condition-control .delete-condition{right:0;color:#f11}.widget-conditional .condition-control .add-condition{left:0}.widget-conditional .condition:last-child .condition-conjunction,.widget-conditional .condition:last-child .condition-intersection{display:none}.widget-conditional.conjunction .condition-intersection{display:none}.widget-conditional.intersection .condition-conjunction{display:none}.wp-core-ui .button.display-options{margin-left:5px}.wp-core-ui .button.display-options:hover{text-decoration:none}.wp-customizer .widget-conditional select{min-width:0;max-width:none;height:auto}.wp-customizer .widget-conditional .condition-control a{top:15px}@media screen and (max-width:782px){.widget-conditional .condition-control a{top:20px}}
\ No newline at end of file +.wp-customizer .expanded .widget-conditional .widget-conditional-inner{width:98%;box-sizing:border-box}.wp-customizer .expanded .widget-conditional .form{overflow:scroll;margin-bottom:20px}.widget-liquid-right .widget.expanded{overflow:visible}.widget-conditional-hide{display:none}.widget-conditional .widget-conditional-inner{background:#f6f7f7;border:1px solid #dcdcde;padding:12px 10px 0}.widget-conditional{margin-bottom:12px;margin-top:10px}.widget-conditional .conditions{margin-bottom:12px}.widget-conditional .condition,.widget-conditional .condition-top{clear:both}.widget-conditional .condition{padding-top:12px;position:relative}.widget-conditional .condition select{width:120px;position:relative;z-index:2}.widget-conditional .condition-top select{width:auto}.widget-conditional .condition-control{padding-top:4px;clear:both;margin-top:-20px}.widget-conditional .selection{margin-left:50px;margin-right:20px}.widget-conditional .conditions-rule-has-children{display:block}.widget-conditional .condition .actions{margin-top:-28px}.widget-conditional .condition .actions{margin-top:-28px}.widget-conditional .condition-control a{text-decoration:none;position:absolute;top:17px;text-indent:-9999px;z-index:1}.wp-block-legacy-widget__edit-form .widget-conditional .condition-control a{top:20px}.widget-conditional .condition-control a:before{position:absolute;text-indent:0;top:0;right:0}.widget-conditional .condition-control .delete-condition,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .condition-control .delete-condition{right:0;color:#f11}.widget-conditional .condition-control .add-condition{left:0}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner a.dashicons{font-family:dashicons}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner select{display:initial;width:auto;background-color:#fff}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner select:disabled{color:#a7aaad;border-color:#dcdcde;background-color:#f6f7f7}.editor-styles-wrapper .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .alignleft{margin-right:20px}.widget-conditional .condition:last-child .condition-conjunction,.widget-conditional .condition:last-child .condition-intersection{display:none}.widget-conditional.conjunction .condition-intersection{display:none}.widget-conditional.intersection .condition-conjunction{display:none}.wp-core-ui .button.display-options{margin-left:5px}.wp-core-ui .button.display-options:hover{text-decoration:none}.wp-customizer .widget-conditional select{min-width:0;max-width:none;height:auto}.wp-customizer .widget-conditional .condition-control a{top:15px}@media screen and (max-width:782px){.widget-conditional .condition-control a{top:20px}}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner{font-size:13px}.widget-vis__rule .components-base-control,.widget-vis__wrapper .components-base-control{margin-bottom:12px}.widget-vis__rule{padding:12px;border:1px solid #dcdcde;display:flex;flex-direction:column;margin-bottom:12px}.widget-vis__rule-major,.widget-vis__rule-minor{display:flex;justify-content:stretch;align-items:center}.widget-vis__if,.widget-vis__is{margin-left:8px;width:10px}.widget-vis__show-hide{margin-bottom:0}.components-button.widget-vis__add-new-rule{display:block}.widget-vis__delete-rule{margin-top:6px;text-align:left}.widget-vis__match-all{margin-top:12px}.widget-vis__select{width:100%}.widget-vis__select .components-input-control__container{position:relative;top:4px}.widget-vis__select-multi-level select option:disabled{font-size:18px;font-weight:600}
\ No newline at end of file diff --git a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.css b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.css index 72d27b8b..835aa00d 100644 --- a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.css +++ b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.css @@ -16,13 +16,14 @@ display: none; } .widget-conditional .widget-conditional-inner { - background: #F9F9F9; - border: 1px solid #DFDFDF; + background: #f6f7f7; + border: 1px solid #dcdcde; padding: 12px 10px 0; } .widget-conditional { margin-bottom: 12px; + margin-top: 10px; } .widget-conditional .conditions{ margin-bottom: 12px; @@ -68,12 +69,18 @@ text-indent: -9999px; z-index: 1; } + +.wp-block-legacy-widget__edit-form .widget-conditional .condition-control a { + top: 20px; +} + .widget-conditional .condition-control a:before { position: absolute; text-indent: 0; top: 0; left: 0; } +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .condition-control .delete-condition, .widget-conditional .condition-control .delete-condition { left: 0; color: #f11; @@ -82,6 +89,26 @@ right: 0; } +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner a.dashicons { + font-family: dashicons; +} + +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner select { + display:initial; + width:auto; + background-color: #fff; +} + +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner select:disabled { + color: #a7aaad; + border-color: #dcdcde; + background-color: #f6f7f7; +} + +.editor-styles-wrapper .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .alignleft { + margin-left:20px +} + .widget-conditional .condition:last-child .condition-conjunction, .widget-conditional .condition:last-child .condition-intersection { display: none; @@ -115,3 +142,71 @@ top: 20px; } } + +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner { + /* + * fonts of labels are reset to 13px in gutenberg editor for legacy widgets, ensure a consistent look on non-labels + */ + font-size: 13px; +} + +/* + * Rules for gutenberg advanced panel + */ + + .widget-vis__wrapper .components-base-control, + .widget-vis__rule .components-base-control { + margin-bottom: 12px; + } + +.widget-vis__rule { + padding: 12px; + border: 1px solid #dcdcde; + display: flex; + flex-direction: column; + margin-bottom: 12px; +} + +.widget-vis__rule-major, +.widget-vis__rule-minor { + display: flex; + justify-content: stretch; + align-items: center; +} + +.widget-vis__if, +.widget-vis__is { + margin-right: 8px; + width: 10px; +} + +.widget-vis__show-hide { + margin-bottom: 0; +} + +.components-button.widget-vis__add-new-rule { + display: block; +} + +.widget-vis__delete-rule { + margin-top: 6px; + text-align: right; +} + +.widget-vis__match-all { + margin-top: 12px; +} + +.widget-vis__select { + width: 100%; +} + +.widget-vis__select .components-input-control__container { + position: relative; + top: 4px; +} + +.widget-vis__select-multi-level select option:disabled { + font-size: 18px; + font-weight: 600; +} diff --git a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.js b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.js index 66200dbf..bf3e51f6 100644 --- a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.js +++ b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.js @@ -1,10 +1,17 @@ -/* global isRtl, widget_conditions_parent_pages, widget_conditions_data, jQuery */ +/* global isRtl, widget_conditions_parent_pages, widget_conditions_data */ -jQuery( function( $ ) { - var widgets_shell = $( 'div#widgets-right' ); +jQuery( function ( $ ) { + // Gutenberg 'widgets.php' screen. + var widgets_shell = $( '#widgets-editor' ); - if ( ! widgets_shell && ! widgets_shell.length ) { - widgets_shell = $( 'form#customize-controls' ); + if ( 0 === widgets_shell.length ) { + // Legacy 'widgets.php' screen + customizer. + widgets_shell = $( 'div#widgets-right' ); + + // For backwards compatibility + if ( 0 === widgets_shell.length ) { + widgets_shell = $( 'form#customize-controls' ); + } } function setWidgetMargin( $widget ) { @@ -51,8 +58,15 @@ jQuery( function( $ ) { } function moveWidgetVisibilityButton( $widget ) { - var $displayOptionsButton = $widget.find( 'a.display-options' ).first(); - $displayOptionsButton.insertBefore( $widget.find( 'input.widget-control-save' ) ); + var $displayOptionsButton = $widget.find( 'a.display-options' ).first(), + $relativeWidget = $widget.find( 'input.widget-control-save' ); + + if ( 0 === $relativeWidget.length ) { + // The save button doesn't exist in gutenberg widget editor, the conditional HTML ought to be displayed + // last inside the widget options, so display the button before that. + $relativeWidget = $widget.find( 'div.widget-conditional' ); + } + $displayOptionsButton.insertBefore( $relativeWidget ); // Widgets with no configurable options don't show the Save button's container. $displayOptionsButton @@ -64,17 +78,17 @@ jQuery( function( $ ) { .prependTo( $displayOptionsButton.parent() ); } - $( '.widget' ).each( function() { + $( '.widget' ).each( function () { moveWidgetVisibilityButton( $( this ) ); } ); - $( document ).on( 'widget-added', function( e, $widget ) { + $( document ).on( 'widget-added', function ( e, $widget ) { if ( $widget.find( 'div.widget-control-actions a.display-options' ).length === 0 ) { moveWidgetVisibilityButton( $widget ); } } ); - widgets_shell.on( 'click.widgetconditions', 'a.add-condition', function( e ) { + widgets_shell.on( 'click.widgetconditions', 'a.add-condition', function ( e ) { var $condition = $( this ).closest( 'div.condition' ), $conditionClone = $condition .clone() @@ -86,10 +100,7 @@ jQuery( function( $ ) { e.preventDefault(); $conditionClone.find( 'select.conditions-rule-major' ).val( '' ); - $conditionClone - .find( 'select.conditions-rule-minor' ) - .html( '' ) - .attr( 'disabled' ); + $conditionClone.find( 'select.conditions-rule-minor' ).html( '' ).attr( 'disabled' ); $conditionClone .find( 'span.conditions-rule-has-children' ) .hide() @@ -99,7 +110,7 @@ jQuery( function( $ ) { resetRuleIndexes( $conditionClone.closest( '.conditions' ) ); } ); - widgets_shell.on( 'click.widgetconditions', 'a.display-options', function( e ) { + widgets_shell.on( 'click.widgetconditions', 'a.display-options', function ( e ) { var $displayOptionsButton = $( this ), $widget = $displayOptionsButton.closest( 'div.widget' ); @@ -112,7 +123,7 @@ jQuery( function( $ ) { if ( $( this ).hasClass( 'active' ) ) { $widget.find( 'input[name=widget-conditions-visible]' ).val( '1' ); - $widget.find( '.condition' ).each( function() { + $widget.find( '.condition' ).each( function () { buildMinorConditions( $( this ) ); } ); } else { @@ -120,20 +131,14 @@ jQuery( function( $ ) { } } ); - widgets_shell.on( 'click.widgetconditions', 'a.delete-condition', function( e ) { + widgets_shell.on( 'click.widgetconditions', 'a.delete-condition', function ( e ) { var $condition = $( this ).closest( 'div.condition' ); e.preventDefault(); if ( $condition.is( ':first-child' ) && $condition.is( ':last-child' ) ) { - $( this ) - .closest( 'div.widget' ) - .find( 'a.display-options' ) - .click(); - $condition - .find( 'select.conditions-rule-major' ) - .val( '' ) - .change(); + $( this ).closest( 'div.widget' ).find( 'a.display-options' ).click(); + $condition.find( 'select.conditions-rule-major' ).val( '' ).change(); } else { $condition.find( 'select.conditions-rule-major' ).change(); $condition.detach(); @@ -142,7 +147,7 @@ jQuery( function( $ ) { resetRuleIndexes( $condition.closest( '.conditions' ) ); } ); - widgets_shell.on( 'click.widgetconditions', 'div.widget-top', function() { + widgets_shell.on( 'click.widgetconditions', 'div.widget-top', function () { var $widget = $( this ).closest( 'div.widget' ), $displayOptionsButton = $widget.find( 'a.display-options' ); @@ -157,14 +162,14 @@ jQuery( function( $ ) { } } ); - widgets_shell.on( 'change.widgetconditions', 'input.conditions-match-all', function() { + widgets_shell.on( 'change.widgetconditions', 'input.conditions-match-all', function () { $( this ) .parents( '.widget-conditional' ) .toggleClass( 'conjunction' ) .toggleClass( 'intersection' ); } ); - $( document ).on( 'change.widgetconditions', 'select.conditions-rule-major', function() { + $( document ).on( 'change.widgetconditions', 'select.conditions-rule-major', function () { var $conditionsRuleMajor = $( this ), $conditionsRuleMinor = $conditionsRuleMajor.siblings( 'select.conditions-rule-minor:first' ), $conditionsRuleHasChildren = $conditionsRuleMajor.siblings( @@ -181,14 +186,11 @@ jQuery( function( $ ) { .siblings( 'select.conditions-rule-minor' ) .attr( 'disabled', 'disabled' ) .html( '' ); - $conditionsRuleHasChildren - .hide() - .find( 'input[type="checkbox"]' ) - .removeAttr( 'checked' ); + $conditionsRuleHasChildren.hide().find( 'input[type="checkbox"]' ).removeAttr( 'checked' ); } } ); - $( document ).on( 'change.widgetconditions', 'select.conditions-rule-minor', function() { + $( document ).on( 'change.widgetconditions', 'select.conditions-rule-minor', function () { var $conditionsRuleMinor = $( this ), $conditionsRuleMajor = $conditionsRuleMinor.siblings( 'select.conditions-rule-major' ), $conditionsRuleHasChildren = $conditionsRuleMinor.siblings( @@ -202,21 +204,15 @@ jQuery( function( $ ) { if ( $conditionsRuleMinor.val() in widget_conditions_parent_pages ) { $conditionsRuleHasChildren.show(); } else { - $conditionsRuleHasChildren - .hide() - .find( 'input[type="checkbox"]' ) - .removeAttr( 'checked' ); + $conditionsRuleHasChildren.hide().find( 'input[type="checkbox"]' ).removeAttr( 'checked' ); } } else { - $conditionsRuleHasChildren - .hide() - .find( 'input[type="checkbox"]' ) - .removeAttr( 'checked' ); + $conditionsRuleHasChildren.hide().find( 'input[type="checkbox"]' ).removeAttr( 'checked' ); } } ); - $( document ).on( 'widget-updated widget-synced', function( e, widget ) { - widget.find( '.condition' ).each( function() { + $( document ).on( 'widget-updated widget-synced', function ( e, widget ) { + widget.find( '.condition' ).each( function () { buildMinorConditions( $( this ) ); } ); } ); @@ -303,7 +299,7 @@ jQuery( function( $ ) { widget .find( 'span.conditions-rule-has-children' ) .find( 'input[type="checkbox"]' ) - .each( function() { + .each( function () { $( this ).attr( 'name', 'conditions[page_children][' + index + ']' ); index++; } ); diff --git a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.min.css b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.min.css index 33ba43d1..f03127fb 100644 --- a/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.min.css +++ b/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.min.css @@ -1,2 +1,2 @@ /* Do not modify this file directly. It is concatenated from individual module CSS files. */ -.wp-customizer .expanded .widget-conditional .widget-conditional-inner{width:98%;box-sizing:border-box}.wp-customizer .expanded .widget-conditional .form{overflow:scroll;margin-bottom:20px}.widget-liquid-right .widget.expanded{overflow:visible}.widget-conditional-hide{display:none}.widget-conditional .widget-conditional-inner{background:#f9f9f9;border:1px solid #dfdfdf;padding:12px 10px 0}.widget-conditional{margin-bottom:12px}.widget-conditional .conditions{margin-bottom:12px}.widget-conditional .condition,.widget-conditional .condition-top{clear:both}.widget-conditional .condition{padding-top:12px;position:relative}.widget-conditional .condition select{width:120px;position:relative;z-index:2}.widget-conditional .condition-top select{width:auto}.widget-conditional .condition-control{padding-top:4px;clear:both;margin-top:-20px}.widget-conditional .selection{margin-right:50px;margin-left:20px}.widget-conditional .conditions-rule-has-children{display:block}.widget-conditional .condition .actions{margin-top:-28px}.widget-conditional .condition .actions{margin-top:-28px}.widget-conditional .condition-control a{text-decoration:none;position:absolute;top:17px;text-indent:-9999px;z-index:1}.widget-conditional .condition-control a:before{position:absolute;text-indent:0;top:0;left:0}.widget-conditional .condition-control .delete-condition{left:0;color:#f11}.widget-conditional .condition-control .add-condition{right:0}.widget-conditional .condition:last-child .condition-conjunction,.widget-conditional .condition:last-child .condition-intersection{display:none}.widget-conditional.conjunction .condition-intersection{display:none}.widget-conditional.intersection .condition-conjunction{display:none}.wp-core-ui .button.display-options{margin-right:5px}.wp-core-ui .button.display-options:hover{text-decoration:none}.wp-customizer .widget-conditional select{min-width:0;max-width:none;height:auto}.wp-customizer .widget-conditional .condition-control a{top:15px}@media screen and (max-width:782px){.widget-conditional .condition-control a{top:20px}}
\ No newline at end of file +.wp-customizer .expanded .widget-conditional .widget-conditional-inner{width:98%;box-sizing:border-box}.wp-customizer .expanded .widget-conditional .form{overflow:scroll;margin-bottom:20px}.widget-liquid-right .widget.expanded{overflow:visible}.widget-conditional-hide{display:none}.widget-conditional .widget-conditional-inner{background:#f6f7f7;border:1px solid #dcdcde;padding:12px 10px 0}.widget-conditional{margin-bottom:12px;margin-top:10px}.widget-conditional .conditions{margin-bottom:12px}.widget-conditional .condition,.widget-conditional .condition-top{clear:both}.widget-conditional .condition{padding-top:12px;position:relative}.widget-conditional .condition select{width:120px;position:relative;z-index:2}.widget-conditional .condition-top select{width:auto}.widget-conditional .condition-control{padding-top:4px;clear:both;margin-top:-20px}.widget-conditional .selection{margin-right:50px;margin-left:20px}.widget-conditional .conditions-rule-has-children{display:block}.widget-conditional .condition .actions{margin-top:-28px}.widget-conditional .condition .actions{margin-top:-28px}.widget-conditional .condition-control a{text-decoration:none;position:absolute;top:17px;text-indent:-9999px;z-index:1}.wp-block-legacy-widget__edit-form .widget-conditional .condition-control a{top:20px}.widget-conditional .condition-control a:before{position:absolute;text-indent:0;top:0;left:0}.widget-conditional .condition-control .delete-condition,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .condition-control .delete-condition{left:0;color:#f11}.widget-conditional .condition-control .add-condition{right:0}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner a.dashicons{font-family:dashicons}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner select{display:initial;width:auto;background-color:#fff}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner select:disabled{color:#a7aaad;border-color:#dcdcde;background-color:#f6f7f7}.editor-styles-wrapper .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .alignleft{margin-left:20px}.widget-conditional .condition:last-child .condition-conjunction,.widget-conditional .condition:last-child .condition-intersection{display:none}.widget-conditional.conjunction .condition-intersection{display:none}.widget-conditional.intersection .condition-conjunction{display:none}.wp-core-ui .button.display-options{margin-right:5px}.wp-core-ui .button.display-options:hover{text-decoration:none}.wp-customizer .widget-conditional select{min-width:0;max-width:none;height:auto}.wp-customizer .widget-conditional .condition-control a{top:15px}@media screen and (max-width:782px){.widget-conditional .condition-control a{top:20px}}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner{font-size:13px}.widget-vis__rule .components-base-control,.widget-vis__wrapper .components-base-control{margin-bottom:12px}.widget-vis__rule{padding:12px;border:1px solid #dcdcde;display:flex;flex-direction:column;margin-bottom:12px}.widget-vis__rule-major,.widget-vis__rule-minor{display:flex;justify-content:stretch;align-items:center}.widget-vis__if,.widget-vis__is{margin-right:8px;width:10px}.widget-vis__show-hide{margin-bottom:0}.components-button.widget-vis__add-new-rule{display:block}.widget-vis__delete-rule{margin-top:6px;text-align:right}.widget-vis__match-all{margin-top:12px}.widget-vis__select{width:100%}.widget-vis__select .components-input-control__container{position:relative;top:4px}.widget-vis__select-multi-level select option:disabled{font-size:18px;font-weight:600}
\ No newline at end of file |