Merge branch 'improve-search-form' into 'master'

Improve search form display

Closes #557

See merge request framasoft/mobilizon!828
This commit is contained in:
Thomas Citharel 2021-02-26 16:40:36 +00:00
commit 6237b68b07

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"
@ -459,5 +464,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>