fix popover always mode

writer · Aug 6, 2024 · 56ac443 · 56ac443
1 parent a38985c
commit 56ac443
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/ui/src/core_components/base/BaseInputRange.vue b/src/ui/src/core_components/base/BaseInputRange.vue
@@ -1,5 +1,11 @@
 <template>
-	<div class="BaseInputRange">
+	<div
+		class="BaseInputRange"
+		:class="{
+			'BaseInputRange--popover-always-visible':
+				popoverDisplayMode === 'always',
+		}"
+	>
 		<transition>
 			<div
 				v-show="isPopoverDisplayed"
@@ -146,6 +152,11 @@ function handleMouseDown(initialEvent: MouseEvent) {
 	padding-bottom: 5px;
 }
 
+.BaseInputRange--popover-always-visible {
+	/* add extra margin to make sure the popover does not overflow on something */
+	margin-top: 24px;
+}
+
 .BaseInputRange__slider {
 	height: 8px;
 	width: 100%;