hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki 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
1 changed files with 8 additions and 0 deletions
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;