fix: environment value highlighting inside tooltip

This commit is contained in:
liyasthomas
2022-02-12 08:56:19 +05:30
parent 4296ee0251
commit b5b790e8a9
3 changed files with 6 additions and 6 deletions

View File

@@ -1,9 +1,9 @@
<template>
<div
class="sticky top-0 z-10 flex flex-shrink-0 p-4 space-x-2 overflow-x-auto bg-primary hide-scrollbar"
class="sticky top-0 z-10 flex flex-shrink-0 p-4 overflow-x-auto space-x-2 bg-primary hide-scrollbar"
>
<div
class="flex flex-1 min-w-52 border border-divider rounded whitespace-nowrap overflow-auto hide-scrollbar"
class="flex flex-1 overflow-auto border rounded min-w-52 border-divider whitespace-nowrap hide-scrollbar"
>
<div class="relative flex">
<label for="method">
@@ -18,7 +18,7 @@
<span class="select-wrapper">
<input
id="method"
class="flex px-4 py-2 transition font-semibold rounded-l cursor-pointer text-secondaryDark w-26 bg-primaryLight"
class="flex px-4 py-2 font-semibold rounded-l cursor-pointer transition text-secondaryDark w-26 bg-primaryLight"
:value="newMethod"
:readonly="!isCustomMethod"
:placeholder="`${t('request.method')}`"
@@ -36,7 +36,7 @@
</label>
</div>
<div
class="flex flex-1 border-l border-divider transition rounded-r bg-primaryLight whitespace-nowrap overflow-auto hide-scrollbar"
class="flex flex-1 overflow-auto border-l rounded-r border-divider transition bg-primaryLight whitespace-nowrap hide-scrollbar"
>
<SmartEnvInput
v-model="newEndpoint"

View File

@@ -1,6 +1,6 @@
<template>
<div
class="flex flex-1 items-center flex-shrink-0 whitespace-nowrap overflow-auto hide-scrollbar"
class="flex flex-1 flex-shrink-0 items-center whitespace-nowrap overflow-auto hide-scrollbar"
>
<div
ref="editor"

View File

@@ -66,7 +66,7 @@ const cursorTooltipField = (aggregateEnvs: AggregateEnvironment[]) =>
)?.value ?? "not found"
).replace(/"/g, "&quot;")
const textContent = `${envName} <kbd>${envValue}</kbd>`
const textContent = `${envName} <xmp>${envValue}</xmp>`
return {
pos: start,