1 files changed, 97 insertions, 2 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;
+}