potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

Improve search form display

Browse source 
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 5ba3456231
commit 78150b77e0
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
1 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
js/src/views/Search.vue
View file

@ -31,7 +31,7 @@
/> />
</b-field> </b-field>
<b-field :label="$t('Radius')" label-for="radius"> <b-field :label="$t('Radius')" label-for="radius">
<b-select v-model="radius" id="radius"> <b-select v-model="radius" id="radius" expanded>
<option <option
v-for="(radiusOption, index) in radiusOptions" v-for="(radiusOption, index) in radiusOptions"
:key="index" :key="index"
@ -42,7 +42,12 @@
</b-select> </b-select>
</b-field> </b-field>
<b-field :label="$t('Date')" label-for="date"> <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 <option
v-for="(option, index) in options" v-for="(option, index) in options"
:key="index" :key="index"
@ -459,5 +464,16 @@ form {
::v-deep .field label.label { ::v-deep .field label.label {
margin-bottom: 0; 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> </style>