mirror of
https://github.com/hoppscotch/hoppscotch.git
synced 2026-09-17 17:40:00 +08:00
feat: visual enhancement for inactive fields (#4760)
Co-authored-by: jamesgeorge007 <25279263+jamesgeorge007@users.noreply.github.com>
This commit is contained in:
co-authored by
jamesgeorge007
parent
b70da04ab5
commit
6d21c8c9eb
@@ -94,6 +94,7 @@
|
||||
</span>
|
||||
<SmartEnvInput
|
||||
v-model="entry.key"
|
||||
:class="{ 'opacity-50': !entry.active }"
|
||||
:placeholder="`${t('count.parameter', { count: index + 1 })}`"
|
||||
:auto-complete-env="true"
|
||||
:envs="envs"
|
||||
@@ -119,6 +120,7 @@
|
||||
<span v-else class="flex flex-1">
|
||||
<SmartEnvInput
|
||||
v-model="entry.value"
|
||||
:class="{ 'opacity-50': !entry.active }"
|
||||
:placeholder="`${t('count.value', { count: index + 1 })}`"
|
||||
:auto-complete-env="true"
|
||||
:envs="envs"
|
||||
@@ -142,6 +144,7 @@
|
||||
:auto-complete-env="true"
|
||||
:auto-complete-source="autoCompleteContenTypes"
|
||||
:envs="envs"
|
||||
:class="{ 'opacity-50': !entry.active }"
|
||||
@change="
|
||||
updateBodyParam(index, {
|
||||
key: entry.key,
|
||||
|
||||
@@ -19,6 +19,7 @@
|
||||
/>
|
||||
</span>
|
||||
<SmartEnvInput
|
||||
:class="{ 'opacity-50': !entityActive }"
|
||||
:model-value="name"
|
||||
:placeholder="t('count.key')"
|
||||
:auto-complete-source="keyAutoCompleteSource"
|
||||
@@ -37,6 +38,7 @@
|
||||
"
|
||||
/>
|
||||
<SmartEnvInput
|
||||
:class="{ 'opacity-50': !entityActive }"
|
||||
:model-value="value"
|
||||
:placeholder="t('count.value')"
|
||||
:auto-complete-env="true"
|
||||
@@ -59,6 +61,7 @@
|
||||
:placeholder="t('count.description')"
|
||||
class="flex flex-1 px-4 bg-transparent"
|
||||
type="text"
|
||||
:class="{ 'opacity-50': !entityActive }"
|
||||
@update:value="emit('update:description', $event.target.value)"
|
||||
@input="
|
||||
updateEntity(index, {
|
||||
|
||||
@@ -84,6 +84,7 @@
|
||||
<SmartEnvInput
|
||||
v-model="variable.key"
|
||||
:placeholder="`${t('count.variable', { count: index + 1 })}`"
|
||||
:class="{ 'opacity-50': !variable.active }"
|
||||
@change="
|
||||
updateVariable(index, {
|
||||
id: variable.id,
|
||||
@@ -96,6 +97,7 @@
|
||||
<SmartEnvInput
|
||||
v-model="variable.value"
|
||||
:placeholder="`${t('count.value', { count: index + 1 })}`"
|
||||
:class="{ 'opacity-50': !variable.active }"
|
||||
@change="
|
||||
updateVariable(index, {
|
||||
id: variable.id,
|
||||
|
||||
@@ -86,6 +86,7 @@
|
||||
</span>
|
||||
<SmartEnvInput
|
||||
v-model="param.key"
|
||||
:class="{ 'opacity-50': !param.active }"
|
||||
:placeholder="`${t('count.parameter', { count: index + 1 })}`"
|
||||
:auto-complete-env="true"
|
||||
:envs="envs"
|
||||
@@ -100,6 +101,7 @@
|
||||
/>
|
||||
<SmartEnvInput
|
||||
v-model="param.value"
|
||||
:class="{ 'opacity-50': !param.active }"
|
||||
:placeholder="`${t('count.value', { count: index + 1 })}`"
|
||||
:auto-complete-env="true"
|
||||
:envs="envs"
|
||||
|
||||
Reference in New Issue
Block a user