Improve search form display

Closes #557

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-02-26 16:21:23 +01:00
parent 0b6d21fe7a
commit 7997a10c29
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773

View File

@ -31,7 +31,7 @@
/>
</b-field>
<b-field :label="$t('Radius')" label-for="radius">
<b-select v-model="radius" id="radius">
<b-select v-model="radius" id="radius" expanded>
<option
v-for="(radiusOption, index) in radiusOptions"
:key="index"
@ -42,7 +42,12 @@
</b-select>
</b-field>
<b-field :label="$t('Date')" label-for="date">
<b-select v-model="when" id="date" :disabled="activeTab !== 0">
<b-select
v-model="when"
id="date"
:disabled="activeTab !== 0"
expanded
>
<option
v-for="(option, index) in options"
:key="index"
@ -461,5 +466,16 @@ form {
::v-deep .field label.label {
margin-bottom: 0;
}
.field.is-expanded:last-child > .field-body > .field.is-grouped {
flex-wrap: wrap;
flex: 1;
.field {
flex: 1 0 auto;
&:first-child {
flex: 3 0 300px;
}
}
}
}
</style>