tommy/mobilizon
1
0
Fork 0
forked from potsda.mn/mobilizon
Code Pull requests Activity

Fix z-index issue with datepickers on Edit event page

Browse source 
Closes #558

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-01-25 15:59:57 +01:00
parent e0e46a81e3
commit 166ce52a7f
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
js/src/views/Event/Edit.vue
View file

@ -33,6 +33,7 @@
<b-field horizontal :label="$t('Starts on…')" class="begins-on-field"> <b-field horizontal :label="$t('Starts on…')" class="begins-on-field">
<b-datetimepicker <b-datetimepicker
class="datepicker starts-on"
:placeholder="$t('Type or select a date…')" :placeholder="$t('Type or select a date…')"
icon="calendar-today" icon="calendar-today"
:locale="$i18n.locale" :locale="$i18n.locale"
@ -45,6 +46,7 @@
<b-field horizontal :label="$t('Ends on…')"> <b-field horizontal :label="$t('Ends on…')">
<b-datetimepicker <b-datetimepicker
class="datepicker ends-on"
:placeholder="$t('Type or select a date…')" :placeholder="$t('Type or select a date…')"
icon="calendar-today" icon="calendar-today"
:locale="$i18n.locale" :locale="$i18n.locale"
@ -381,6 +383,12 @@ h2.subtitle {
} }
} }
.datepicker {
::v-deep .dropdown-menu {
z-index: 200;
}
}
section { section {
& > .container { & > .container {
padding: 2rem 1.5rem; padding: 2rem 1.5rem;