From 78450c93166a6c18b8ba24f5c1bf18c04d174225 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 9 Oct 2023 11:37:52 +0530
Subject: [PATCH] fix: tooltip position in editor instance (#3374)

---
 .../hoppscotch-common/assets/scss/styles.scss  |  4 ++--
 .../assets/scss/styles.scss                    | 18 +++++++++---------
 .../src/components/users/Table.vue             |  6 ------
 .../hoppscotch-ui/src/assets/scss/styles.scss  |  4 ++--
 4 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/packages/hoppscotch-common/assets/scss/styles.scss b/packages/hoppscotch-common/assets/scss/styles.scss
index d87aff4e5..ad9e46e78 100644
--- a/packages/hoppscotch-common/assets/scss/styles.scss
+++ b/packages/hoppscotch-common/assets/scss/styles.scss
@@ -137,10 +137,10 @@ a {
 
 .cm-tooltip {
   .tippy-box {
-    @apply shadow-none;
+    @apply shadow-none #{!important};
     @apply fixed;
     @apply inline-flex;
-    @apply -mt-8;
+    @apply -mt-7.5;
   }
 }
 
diff --git a/packages/hoppscotch-sh-admin/assets/scss/styles.scss b/packages/hoppscotch-sh-admin/assets/scss/styles.scss
index b4e0d9172..5ce32d186 100644
--- a/packages/hoppscotch-sh-admin/assets/scss/styles.scss
+++ b/packages/hoppscotch-sh-admin/assets/scss/styles.scss
@@ -137,14 +137,14 @@ a {
 
 .cm-tooltip {
   .tippy-box {
-    @apply shadow-none;
+    @apply shadow-none #{!important};
     @apply fixed;
     @apply inline-flex;
-    @apply -mt-8;
+    @apply -mt-7.5;
   }
 }
 
-.tippy-box[data-theme~="tooltip"] {
+.tippy-box[data-theme~='tooltip'] {
   @apply bg-tooltip;
   @apply border-solid border-tooltip;
   @apply rounded;
@@ -183,7 +183,7 @@ a {
   }
 }
 
-.tippy-box[data-theme~="popover"] {
+.tippy-box[data-theme~='popover'] {
   @apply bg-popover;
   @apply border-solid border-dividerDark;
   @apply rounded;
@@ -263,8 +263,8 @@ button {
   @apply disabled:cursor-not-allowed;
 }
 
-.input[type="file"],
-.input[type="radio"],
+.input[type='file'],
+.input[type='radio'],
 #installPWA {
   @apply hidden;
 }
@@ -563,16 +563,16 @@ details[open] summary .indicator {
   @apply bg-accent #{!important};
 }
 
-.color-picker[type="color"] {
+.color-picker[type='color'] {
   @apply appearance-none;
 }
 
-.color-picker[type="color"]::-webkit-color-swatch-wrapper {
+.color-picker[type='color']::-webkit-color-swatch-wrapper {
   @apply rounded;
   @apply p-0;
 }
 
-.color-picker[type="color"]::-webkit-color-swatch {
+.color-picker[type='color']::-webkit-color-swatch {
   @apply rounded;
   @apply border-0;
 }
diff --git a/packages/hoppscotch-sh-admin/src/components/users/Table.vue b/packages/hoppscotch-sh-admin/src/components/users/Table.vue
index 67cd2d6cb..2e028abd0 100644
--- a/packages/hoppscotch-sh-admin/src/components/users/Table.vue
+++ b/packages/hoppscotch-sh-admin/src/components/users/Table.vue
@@ -160,9 +160,3 @@ const getCreatedTime = (date: string) => format(new Date(date), 'hh:mm a');
 // Template refs
 const tippyActions = ref<TippyComponent | null>(null);
 </script>
-
-<style scoped>
-.tippy-box[data-theme~='popover'] .tippy-content {
-  padding: 0;
-}
-</style>
diff --git a/packages/hoppscotch-ui/src/assets/scss/styles.scss b/packages/hoppscotch-ui/src/assets/scss/styles.scss
index b4e0d9172..ee92a267e 100644
--- a/packages/hoppscotch-ui/src/assets/scss/styles.scss
+++ b/packages/hoppscotch-ui/src/assets/scss/styles.scss
@@ -137,10 +137,10 @@ a {
 
 .cm-tooltip {
   .tippy-box {
-    @apply shadow-none;
+    @apply shadow-none #{!important};
     @apply fixed;
     @apply inline-flex;
-    @apply -mt-8;
+    @apply -mt-7.5;
   }
 }