diff --git a/packages/hoppscotch-common/assets/scss/styles.scss b/packages/hoppscotch-common/assets/scss/styles.scss index 671359d0..a16d71e7 100644 --- a/packages/hoppscotch-common/assets/scss/styles.scss +++ b/packages/hoppscotch-common/assets/scss/styles.scss @@ -167,8 +167,12 @@ a { @apply rounded; @apply shadow; + .env-tooltip-content { + @apply flex-col; + } + .tippy-content { - @apply flex flex-col; + @apply flex; @apply text-tiny text-primary; @apply font-semibold; @apply px-2 py-1; diff --git a/packages/hoppscotch-common/src/helpers/editor/extensions/HoppEnvironment.ts b/packages/hoppscotch-common/src/helpers/editor/extensions/HoppEnvironment.ts index ef6fb5b3..4e845554 100644 --- a/packages/hoppscotch-common/src/helpers/editor/extensions/HoppEnvironment.ts +++ b/packages/hoppscotch-common/src/helpers/editor/extensions/HoppEnvironment.ts @@ -300,7 +300,7 @@ const cursorTooltipField = (aggregateEnvs: AggregateEnvironment[]) => envContainer.appendChild(initialValueBlock) envContainer.appendChild(currentValueBlock) - tooltipContainer.className = "tippy-content" + tooltipContainer.className = "tippy-content env-tooltip-content" dom.className = "tippy-box" dom.dataset.theme = "tooltip" dom.appendChild(tooltipContainer) diff --git a/packages/hoppscotch-common/src/helpers/editor/extensions/HoppPredefinedVariables.ts b/packages/hoppscotch-common/src/helpers/editor/extensions/HoppPredefinedVariables.ts index 0e1cfeaf..bd201f4d 100644 --- a/packages/hoppscotch-common/src/helpers/editor/extensions/HoppPredefinedVariables.ts +++ b/packages/hoppscotch-common/src/helpers/editor/extensions/HoppPredefinedVariables.ts @@ -130,7 +130,7 @@ const cursorTooltipField = () => dom.className = "tippy-box" dom.dataset.theme = "tooltip" - tooltipContainer.className = "tippy-content" + tooltipContainer.className = "tippy-content env-tooltip-content" dom.appendChild(tooltipContainer) return { dom }