Small touchups

I don't understand if there isn't any way to get the text to automatically position itself on screen or I just can't figure it out.
Zentrik · Apr 27, 2024 · 4536111 · 4536111
1 parent d30bee4
commit 4536111
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/site/frontend/src/pages/compare/compile/filters.vue b/site/frontend/src/pages/compare/compile/filters.vue
@@ -181,4 +181,10 @@ const opened = createPersistedRef(PREF_FILTERS_OPENED);
   opacity: 0;
   transition: opacity 0.3s, visibility 0.3s;
 }
+@media screen and (max-width: 600px) {
+  .regex-tooltiptext {
+    width: 120px;
+    margin-left: -180px;
+  }
+}
 </style>
diff --git a/site/frontend/src/pages/compare/tooltip.vue b/site/frontend/src/pages/compare/tooltip.vue
@@ -39,6 +39,13 @@
   transition: opacity 0.3s, visibility 0.3s;
 }
 
+@media screen and (max-width: 600px) {
+  .tooltiptext {
+    width: 120px;
+    margin-left: -60px;
+  }
+}
+
 .tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;