Fixed margin and values position on Dropdown when in RTL

os-davidlourenco · os-davidlourenco · commit df963c0c730a · 2026-01-13T12:55:03.000Z
diff --git a/src/scripts/Providers/OSUI/Dropdown/VirtualSelect/scss/_virtualselect.scss b/src/scripts/Providers/OSUI/Dropdown/VirtualSelect/scss/_virtualselect.scss
@@ -90,6 +90,7 @@
 		}
 		.vscomp-value {
 			margin-right: var(--space-m);
+			margin-left: var(--space-none);
 		}
 	}
 
@@ -239,11 +240,21 @@
 			}
 		}
 
+		&.has-value {
+			.vscomp-value {
+				margin-left: var(--space-m);
+				margin-right: var(--space-none);
+			}
+		}
+
 		&.show-value-as-tags {
 			&.has-value {
 				.vscomp-clear-button {
 					left: var(--space-l);
 				}
+				.vscomp-toggle-button {
+					padding-right: var(--space-s);
+				}
 			}
 
 			.vscomp-value-tag {
@@ -254,6 +265,10 @@
 				left: 10px;
 				right: auto;
 			}
+
+			.vscomp-toggle-button {
+				padding: var(--space-xs) var(--space-base) var(--space-none) var(--space-xxl);
+			}
 		}
 
 		.vscomp-toggle-button {

Original file line number	Diff line number	Diff line change
`@@ -90,6 +90,7 @@`
`90`	`90`	`}`
`91`	`91`	`.vscomp-value {`
`92`	`92`	`margin-right: var(--space-m);`
	`93`	`+ margin-left: var(--space-none);`
`93`	`94`	`}`
`94`	`95`	`}`
`95`	`96`
`@@ -239,11 +240,21 @@`
`239`	`240`	`}`
`240`	`241`	`}`
`241`	`242`
	`243`	`+ &.has-value {`
	`244`	`+ .vscomp-value {`
	`245`	`+ margin-left: var(--space-m);`
	`246`	`+ margin-right: var(--space-none);`
	`247`	`+ }`
	`248`	`+ }`
	`249`	`+`
`242`	`250`	`&.show-value-as-tags {`
`243`	`251`	`&.has-value {`
`244`	`252`	`.vscomp-clear-button {`
`245`	`253`	`left: var(--space-l);`
`246`	`254`	`}`
	`255`	`+ .vscomp-toggle-button {`
	`256`	`+ padding-right: var(--space-s);`
	`257`	`+ }`
`247`	`258`	`}`
`248`	`259`
`249`	`260`	`.vscomp-value-tag {`
`@@ -254,6 +265,10 @@`
`254`	`265`	`left: 10px;`
`255`	`266`	`right: auto;`
`256`	`267`	`}`
	`268`	`+`
	`269`	`+ .vscomp-toggle-button {`
	`270`	`+ padding: var(--space-xs) var(--space-base) var(--space-none) var(--space-xxl);`
	`271`	`+ }`
`257`	`272`	`}`
`258`	`273`
`259`	`274`	`.vscomp-toggle-button {`