Fix pills in the Filter by Attribute block dropdown overlapping with the chevron (second attempt) (#7112)

Aljullu · gigitux · commit bd331c766945 · 2022-09-13T09:32:58.000+02:00
diff --git a/assets/js/blocks/attribute-filter/style.scss b/assets/js/blocks/attribute-filter/style.scss
@@ -110,8 +110,12 @@
 			}
 		}
 	}
-	.is-single .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
+	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container {
 		width: calc(100% - 50px);
+
+		.components-form-token-field__suggestions-list {
+			width: calc(100% + 50px);
+		}
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -110,8 +110,12 @@`
`110`	`110`	`}`
`111`	`111`	`}`
`112`	`112`	`}`
`113`		`- .is-single .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {`
	`113`	`+ .wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container {`
`114`	`114`	`width: calc(100% - 50px);`
	`115`	`+`
	`116`	`+ .components-form-token-field__suggestions-list {`
	`117`	`+ width: calc(100% + 50px);`
	`118`	`+ }`
`115`	`119`	`}`
`116`	`120`	`}`
`117`	`121`