From a9b249d58308aef8cd4b4dd5f04bc0b51a26cc62 Mon Sep 17 00:00:00 2001 From: Jost Date: Sun, 7 Jun 2020 12:56:23 +0200 Subject: [PATCH 01/10] Auto width for control container --- src/vue-timepicker.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/vue-timepicker.vue b/src/vue-timepicker.vue index 1d908d6..d2d9276 100644 --- a/src/vue-timepicker.vue +++ b/src/vue-timepicker.vue @@ -2072,7 +2072,7 @@ export default { top: 0; right: 0; height: 100%; - width: 30%; + width: auto; display: flex; justify-content: flex-end; align-items: center; From 3d72465ae187ca8367b9679fc7180148d4e1bcf7 Mon Sep 17 00:00:00 2001 From: Jost Date: Thu, 11 Jun 2020 10:05:59 +0200 Subject: [PATCH 02/10] Add slot for custom dropdown icon --- demo/src/assets/icons/clock.svg | 16 ++++++++++++++++ demo/src/components/Samples.vue | 11 +++++++++++ src/vue-timepicker.vue | 2 +- 3 files changed, 28 insertions(+), 1 deletion(-) create mode 100755 demo/src/assets/icons/clock.svg diff --git a/demo/src/assets/icons/clock.svg b/demo/src/assets/icons/clock.svg new file mode 100755 index 0000000..945863d --- /dev/null +++ b/demo/src/assets/icons/clock.svg @@ -0,0 +1,16 @@ + + + + \ No newline at end of file diff --git a/demo/src/components/Samples.vue b/demo/src/components/Samples.vue index 134a7d8..e041811 100644 --- a/demo/src/components/Samples.vue +++ b/demo/src/components/Samples.vue @@ -622,6 +622,9 @@ section#mostlyUsedSamples | | <!-- Manual input + hide dropdown --> | <vue-timepicker manual-input hide-dropdown></vue-timepicker> + | + | <!-- Manual input + hide dropdown + auto-scroll --> + | <vue-timepicker manual-input hide-dropdown></vue-timepicker> highlight-code(lang="javascript" data-title="JS") pre | data () { @@ -639,6 +642,14 @@ section#mostlyUsedSamples b Manual input + hide dropdown p vue-timepicker(manual-input hide-dropdown) + b Manual input + hide dropdown + auto-scroll + p + vue-timepicker(manual-input hide-dropdown auto-scroll) + b Manual input + hide dropdown + auto-scroll + custom icon + p + vue-timepicker(manual-input hide-dropdown auto-scroll) + template(v-slot:show-dropdown-icon) + img(src="../assets/icons/clock.svg" style="vertical-align: middle;") //- Open And Close Event sample-block#openAndClose diff --git a/src/vue-timepicker.vue b/src/vue-timepicker.vue index d2d9276..b3049a7 100644 --- a/src/vue-timepicker.vue +++ b/src/vue-timepicker.vue @@ -1875,7 +1875,7 @@ export default { @keydown.esc.exact="escBlur" />
× - +