EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rearrange daterange presets to allow for additional item

Browse Source
This commit is contained in:
Björn Fromme
2019-03-13 13:25:17 +01:00
parent dbc964ee81
commit 309fd21a1f
3 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DaterangeSelect.vue
+1 -1
View File
@@ -11,7 +11,7 @@
<template v-for="preset of presets"> <template v-for="preset of presets">
<a class="daterange__preset" href="#" <a class="daterange__preset" href="#"
@click.prevent="selectPreset(preset)"> @click.prevent="selectPreset(preset)">
<i class="fa fa-calendar"></i> {{ preset.label }} <i class="fa fa-calendar"></i> <span>{{ preset.label }}</span>
</a> </a>
</template> </template>
</div> </div>
web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_searchbar.scss
-4
View File
@@ -88,10 +88,6 @@
} }
} }
} }
&.daterange a {
width: 80%;
margin: 0 auto;
}
a{ a{
color:$colorBlack; color:$colorBlack;
} }
web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
+11 -2
View File
@@ -3,6 +3,11 @@
} }
.daterange__panel { .daterange__panel {
padding: 8px 0;
.flatpickr-calendar {
margin: 0 auto;
}
} }
.daterange__headline, .daterange__headline,
@@ -12,12 +17,16 @@
.daterange__presets { .daterange__presets {
display: flex; display: flex;
padding: 8px 0; justify-content: space-between;
} }
.daterange__preset { .daterange__preset {
flex: 1; display: block;
color: $color-font-base; color: $color-font-base;
.fa {
display: block;
}
} }
.daterange__buttons { .daterange__buttons {