Merge pull request #535 from wmde/info-icon-overlap

Move info icon for disabled fields to the left
wmde · Oct 22, 2024 · b473eea · b473eea
2 parents 8fc9455 + 11a259d
commit b473eea
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/shared/form_elements/RadioFieldTooltip.vue b/src/components/shared/form_elements/RadioFieldTooltip.vue
@@ -20,17 +20,18 @@ defineProps<Props>();
 
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 @use '@src/scss/settings/colors';
 
 .radio-field-tooltip {
 	position: absolute;
 	display: block;
-	right: 10px;
+	left: 14px;
 	top: 50%;
 	margin-top: -8px;
 	height: 16px;
 	width: 17px;
+	background: colors.$white;
 
 	&-text {
 		position: absolute;
@@ -40,7 +41,7 @@ defineProps<Props>();
 		height: 60px;
 		width: 280px;
 		top: -70px;
-		right: -8px;
+		left: -8px;
 		background: colors.$white;
 		padding: 10px;
 		border: 1px solid colors.$gray-dark;
@@ -53,7 +54,7 @@ defineProps<Props>();
 			content: '';
 			position: absolute;
 			bottom: -9px;
-			right: 6px;
+			left: 6px;
 			width: 0;
 			height: 0;
 			border-style: solid;
@@ -65,7 +66,7 @@ defineProps<Props>();
 			content: '';
 			position: absolute;
 			bottom: -7px;
-			right: 8px;
+			left: 8px;
 			width: 0;
 			height: 0;
 			border-style: solid;