thibaud-lclr/api-client
1
0
Fork 0
Code Packages Activity Actions

fix: replace auto complete with drop down for content-types - fixed #1704

Browse source
This commit is contained in:
liyasthomas 2021-06-06 20:56:56 +05:30
parent 538600354d
commit 45b9f2e1bf
2 changed files with 31 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/scss/styles.scss
View file

@ -441,7 +441,7 @@ input[type="radio"],
@apply flex-1;
}
.method,
.drop-down-input,
.url-field,
kbd,
select,
@ -470,9 +470,8 @@ code {
}
}
.method {
.drop-down-input {
@apply cursor-pointer;
@apply uppercase;
@apply rounded-none;
min-width: 128px;

32
pages/index.vue
View file

@ -11,7 +11,7 @@
<v-popover>
<input
id="method"
class="method"
class="drop-down-input"
v-model="method"
:readonly="!customMethod"
autofocus
@ -85,12 +85,38 @@
<ul>
<li>
<label for="contentType" class="text-sm">{{ $t("content_type") }}</label>
<SmartAutoComplete
<span class="select-wrapper">
<v-popover>
<input
id="contentType"
class="drop-down-input"
v-model="contentType"
readonly
/>
<template slot="popover">
<div
v-for="(contentTypeMenuItem, index) in validContentTypes"
:key="`content-type-${index}`"
>
<button
class="icon"
@click="
contentType = contentTypeMenuItem
"
v-close-popover
>
{{ contentTypeMenuItem }}
</button>
</div>
</template>
</v-popover>
</span>
<!-- <SmartAutoComplete
:source="validContentTypes"
:spellcheck="false"
v-model="contentType"
styles="text-sm"
/>
/> -->
</li>
</ul>
<ul>