btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

fix: environment value highlighting inside tooltip

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/hoppscotch-app/components/http/Request.vue
View File

@@ -1,9 +1,9 @@
<template> <template>
<div <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 <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"> <div class="relative flex">
<label for="method"> <label for="method">
@@ -18,7 +18,7 @@
<span class="select-wrapper"> <span class="select-wrapper">
<input <input
id="method" 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" :value="newMethod"
:readonly="!isCustomMethod" :readonly="!isCustomMethod"
:placeholder="`${t('request.method')}`" :placeholder="`${t('request.method')}`"
@@ -36,7 +36,7 @@
</label> </label>
</div> </div>
<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 <SmartEnvInput
v-model="newEndpoint" v-model="newEndpoint"

2
packages/hoppscotch-app/components/smart/EnvInput.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div <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 <div
ref="editor" ref="editor"

2
packages/hoppscotch-app/helpers/editor/extensions/HoppEnvironment.ts
View File

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