Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
25
0
Fork 0
Code Issues Pull Requests Releases Activity

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

Browse Source 
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
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>