From e3b1abdcf89ca4f616dc4cd8ef0bf257fcfba492 Mon Sep 17 00:00:00 2001 From: g1eb Date: Tue, 20 Mar 2018 15:48:52 +0100 Subject: [PATCH 1/3] Remove scroll support from the gulpfile --- gulpfile.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/gulpfile.js b/gulpfile.js index e00fd7a..25c80f6 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -7,7 +7,7 @@ var uglify = require('gulp-uglify'); var cssnano = require('gulp-cssnano'); gulp.task('build', function () { - gulp.src(['src/datetime-input.js', 'src/date-input.js', 'src/time-input.js', 'src/scroll-support.js']) + gulp.src(['src/datetime-input.js', 'src/date-input.js', 'src/time-input.js']) .pipe(embedTemplates()) .pipe(uglify()) .pipe(concat('datetime-inputs.min.js')) From 67586b52fc9eb50fef28847308d5ed7fc3079f4a Mon Sep 17 00:00:00 2001 From: g1eb Date: Tue, 20 Mar 2018 15:49:52 +0100 Subject: [PATCH 2/3] Update minified js files in dist folder --- dist/datetime-inputs.min.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/dist/datetime-inputs.min.css b/dist/datetime-inputs.min.css index 02f1282..efda612 100644 --- a/dist/datetime-inputs.min.css +++ b/dist/datetime-inputs.min.css @@ -1,3 +1,3 @@ -.datetime-input.datetime{position:relative;width:100%;height:auto;min-height:4em;margin:0;padding:0;color:#444;font-size:14px;font-family:sans-serif;text-decoration:none;text-align:center;user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.datetime-input.datetime .display{cursor:pointer;position:absolute;left:0;right:0;height:4em;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.datetime .display .date{color:#777;font-size:1em;line-height:2em;display:block;overflow:hidden}.datetime-input.datetime .display .time{font-size:1.5em;line-height:1.25em;display:block;overflow:hidden}.datetime-input.datetime .display .placeholder{font-size:1.5em;line-height:3em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.datetime-input.datetime .display.active,.datetime-input.datetime .display:hover{background-color:#ddd}.datetime-input.datetime .display.warning,.datetime-input.datetime .display.warning.active,.datetime-input.datetime .display.warning:hover{background-color:rgba(255,54,46,.75)}.datetime-input.datetime .edit-popover{position:absolute;z-index:2;top:4.5em;width:100%;min-width:350px;height:auto;padding:0;background-color:#efefef;border-radius:0;border:1px solid #aaa;box-sizing:border-box}.datetime-input.datetime .edit-popover .header{width:100%;color:#777;font-size:1.5em;line-height:2em;cursor:pointer;transition:background-color .25s ease-out}.datetime-input.datetime .edit-popover .header:before{content:"";display:block;position:absolute;background-color:#efefef;width:1em;height:1em;top:-.5em;left:10%;z-index:1;border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:background-color .25s ease-out}.datetime-input.datetime .edit-popover .header:hover,.datetime-input.datetime .edit-popover .header:hover:before{background-color:#ddd}.datetime-input.datetime .calendar .calendar-header{cursor:default;background-color:#fff;position:relative;width:100%;font-size:1.5em;line-height:2em}.datetime-input.datetime .calendar .calendar-header .arrow{display:inline-block;color:#ddd;cursor:pointer;line-height:1.5em;font-size:1.5em}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-left{position:absolute;left:0;width:2em;height:100%}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-left:before{content:"";position:absolute;top:15%;left:25%;border-right:.75em solid #ddd;border-top:.5em solid transparent;border-bottom:.5em solid transparent;transition:border .25s ease-out}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-left:hover:before{border-right-color:#999}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-right{position:absolute;right:0;width:2em;height:100%}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-right:before{content:"";position:absolute;top:15%;right:25%;border-left:.75em solid #ddd;border-top:.5em solid transparent;border-bottom:.5em solid transparent;transition:border .25s ease-out}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-right:hover:before{border-left-color:#999}.datetime-input.datetime .calendar .calendar-body{padding:.5em 0}.datetime-input.datetime .calendar .calendar-body .weekdays{cursor:default;display:flex;justify-content:space-between;color:#777;font-size:1em;line-height:2em;text-transform:uppercase;padding:0 1em}.datetime-input.datetime .calendar .calendar-body .weekdays .weekday{width:5em;height:2.5em;display:inline-block}.datetime-input.datetime .calendar .calendar-body .week{display:flex;justify-content:space-between;color:#777;font-size:1.25em;line-height:2.65em;letter-spacing:1px;padding:.5em 1em}.datetime-input.datetime .calendar .calendar-body .week .date{display:inline-block;cursor:pointer;width:2.5em;height:2.5em;border-radius:50%;transition:background-color .25s ease-out}.datetime-input.datetime .calendar .calendar-body .week .date.current{color:#555;font-weight:900}.datetime-input.datetime .calendar .calendar-body .week .date:not(.active):hover{background-color:#ddd}.datetime-input.datetime .calendar .calendar-body .week .date.active,.datetime-input.datetime .calendar .calendar-body .week .date.inactive.active{color:#efefef;background-color:rgba(255,69,0,.75)}.datetime-input.datetime .calendar .calendar-body .week .date.inactive{color:#aaa}.datetime-input.datetime .timer{display:flex;justify-content:space-between;background-color:#fff}.datetime-input.datetime .timer .timer-hours,.datetime-input.datetime .timer .timer-minutes,.datetime-input.datetime .timer .timer-seconds{cursor:default;width:3em;display:inline-block;font-size:3em;line-height:1.5em;position:relative}.datetime-input.datetime .timer .timer-hours .arrow,.datetime-input.datetime .timer .timer-minutes .arrow,.datetime-input.datetime .timer .timer-seconds .arrow{position:relative;color:#ddd;cursor:pointer;height:1em;margin:0 .5em;line-height:1em;font-size:.75em}.datetime-input.datetime .timer .timer-hours .arrow.arrow-up:before,.datetime-input.datetime .timer .timer-minutes .arrow.arrow-up:before,.datetime-input.datetime .timer .timer-seconds .arrow.arrow-up:before{content:"";position:absolute;top:50%;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-bottom:.5em solid #ddd;transition:border .25s ease-out}.datetime-input.datetime .timer .timer-hours .arrow.arrow-up:hover:before,.datetime-input.datetime .timer .timer-minutes .arrow.arrow-up:hover:before,.datetime-input.datetime .timer .timer-seconds .arrow.arrow-up:hover:before{border-bottom-color:#999}.datetime-input.datetime .timer .timer-hours .arrow.arrow-down:before,.datetime-input.datetime .timer .timer-minutes .arrow.arrow-down:before,.datetime-input.datetime .timer .timer-seconds .arrow.arrow-down:before{content:"";position:absolute;top:0;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-top:.5em solid #ddd;transition:border .25s ease-out}.datetime-input.datetime .timer .timer-hours .arrow.arrow-down:hover:before,.datetime-input.datetime .timer .timer-minutes .arrow.arrow-down:hover:before,.datetime-input.datetime .timer .timer-seconds .arrow.arrow-down:hover:before{border-top-color:#999}.datetime-input.datetime .timer .timer-divider{font-size:3em;line-height:3em;-webkit-animation-name:a;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:a;-moz-animation-duration:5s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:a;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}@-webkit-keyframes a{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}.datetime-input.datetime .clear-button{position:absolute;z-index:2;bottom:-2.5em;right:-1px;cursor:pointer;outline:none;border-top:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.datetime .clear-button:before{content:"";position:absolute;left:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-left:1px solid #aaa;transition:background .25s ease-out;transform:skewX(25deg)}.datetime-input.datetime .clear-button:hover,.datetime-input.datetime .clear-button:hover:before{background:#ddd}.datetime-input.datetime .close-button{position:absolute;z-index:2;left:-1px;bottom:-2.5em;cursor:pointer;outline:none;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;margin-top:10px;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.datetime .close-button:before{content:"";position:absolute;right:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-right:1px solid #aaa;transition:background .25s ease-out;transform:skewX(-26deg)}.datetime-input.datetime .close-button:hover,.datetime-input.datetime .close-button:hover:before{background:#ddd} +.datetime-input.datetime{position:relative;width:100%;height:auto;min-height:4em;margin:0;padding:0;color:#444;font-size:14px;font-family:sans-serif;text-decoration:none;text-align:center;user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.datetime-input.datetime .display{cursor:pointer;position:absolute;left:0;right:0;height:4em;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.datetime .display .date{color:#777;font-size:1em;line-height:2em;display:block;overflow:hidden}.datetime-input.datetime .display .time{font-size:1.5em;line-height:1.25em;display:block;overflow:hidden}.datetime-input.datetime .display .placeholder{font-size:1.5em;line-height:3em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.datetime-input.datetime .display.active,.datetime-input.datetime .display:hover{background-color:#ddd}.datetime-input.datetime .display.warning,.datetime-input.datetime .display.warning.active,.datetime-input.datetime .display.warning:hover{background-color:rgba(255,54,46,.75)}.datetime-input.datetime .edit-popover{position:absolute;z-index:2;top:4.5em;width:100%;min-width:350px;height:auto;padding:0;background-color:#efefef;border-radius:0;border:1px solid #aaa;box-sizing:border-box}.datetime-input.datetime .edit-popover .header{width:100%;color:#777;font-size:1.5em;line-height:2em;cursor:pointer;transition:background-color .25s ease-out}.datetime-input.datetime .edit-popover .header:before{content:"";display:block;position:absolute;background-color:#efefef;width:1em;height:1em;top:-.5em;left:10%;z-index:1;border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:background-color .25s ease-out}.datetime-input.datetime .edit-popover .header:hover,.datetime-input.datetime .edit-popover .header:hover:before{background-color:#ddd}.datetime-input.datetime .calendar .calendar-header{cursor:default;background-color:#fff;position:relative;width:100%;font-size:1.5em;line-height:2em}.datetime-input.datetime .calendar .calendar-header .arrow{display:inline-block;color:#ddd;cursor:pointer;line-height:1.5em;font-size:1.5em}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-left{position:absolute;left:0;width:2em;height:100%}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-left:before{content:"";position:absolute;top:15%;left:25%;border-right:.75em solid #ddd;border-top:.5em solid transparent;border-bottom:.5em solid transparent;transition:border .25s ease-out}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-left:hover:before{border-right-color:#999}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-right{position:absolute;right:0;width:2em;height:100%}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-right:before{content:"";position:absolute;top:15%;right:25%;border-left:.75em solid #ddd;border-top:.5em solid transparent;border-bottom:.5em solid transparent;transition:border .25s ease-out}.datetime-input.datetime .calendar .calendar-header .arrow.arrow-right:hover:before{border-left-color:#999}.datetime-input.datetime .calendar .calendar-body{padding:.5em 0}.datetime-input.datetime .calendar .calendar-body .weekdays{cursor:default;display:flex;justify-content:space-between;color:#777;font-size:1em;line-height:2em;text-transform:uppercase;padding:0 1em}.datetime-input.datetime .calendar .calendar-body .weekdays .weekday{width:5em;height:2.5em;display:inline-block}.datetime-input.datetime .calendar .calendar-body .week{display:flex;justify-content:space-between;color:#777;font-size:1.25em;line-height:2.65em;letter-spacing:1px;padding:.5em 1em}.datetime-input.datetime .calendar .calendar-body .week .date{display:inline-block;cursor:pointer;width:2.5em;height:2.5em;border-radius:50%;transition:background-color .25s ease-out}.datetime-input.datetime .calendar .calendar-body .week .date.current{color:#555;font-weight:900}.datetime-input.datetime .calendar .calendar-body .week .date:not(.active):hover{background-color:#ddd}.datetime-input.datetime .calendar .calendar-body .week .date.active,.datetime-input.datetime .calendar .calendar-body .week .date.inactive.active{color:#efefef;background-color:rgba(255,69,0,.75)}.datetime-input.datetime .calendar .calendar-body .week .date.inactive{color:#aaa}.datetime-input.datetime .timer{display:flex;justify-content:space-between;background-color:#fff}.datetime-input.datetime .timer .timer-hours,.datetime-input.datetime .timer .timer-minutes,.datetime-input.datetime .timer .timer-seconds{cursor:default;width:3em;display:inline-block;font-size:3em;line-height:1.5em;position:relative}.datetime-input.datetime .timer .timer-hours .arrow,.datetime-input.datetime .timer .timer-minutes .arrow,.datetime-input.datetime .timer .timer-seconds .arrow{position:relative;color:#ddd;cursor:pointer;height:1em;margin:0 .5em;line-height:1em;font-size:.75em}.datetime-input.datetime .timer .timer-hours .arrow.arrow-up:before,.datetime-input.datetime .timer .timer-minutes .arrow.arrow-up:before,.datetime-input.datetime .timer .timer-seconds .arrow.arrow-up:before{content:"";position:absolute;top:50%;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-bottom:.5em solid #ddd;transition:border .25s ease-out}.datetime-input.datetime .timer .timer-hours .arrow.arrow-up:hover:before,.datetime-input.datetime .timer .timer-minutes .arrow.arrow-up:hover:before,.datetime-input.datetime .timer .timer-seconds .arrow.arrow-up:hover:before{border-bottom-color:#999}.datetime-input.datetime .timer .timer-hours .arrow.arrow-down:before,.datetime-input.datetime .timer .timer-minutes .arrow.arrow-down:before,.datetime-input.datetime .timer .timer-seconds .arrow.arrow-down:before{content:"";position:absolute;top:0;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-top:.5em solid #ddd;transition:border .25s ease-out}.datetime-input.datetime .timer .timer-hours .arrow.arrow-down:hover:before,.datetime-input.datetime .timer .timer-minutes .arrow.arrow-down:hover:before,.datetime-input.datetime .timer .timer-seconds .arrow.arrow-down:hover:before{border-top-color:#999}.datetime-input.datetime .timer .timer-divider{font-size:3em;line-height:3em;-webkit-animation-name:a;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:a;-moz-animation-duration:5s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:a;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes a{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}.datetime-input.datetime .clear-button{position:absolute;z-index:2;bottom:-2.5em;right:-1px;cursor:pointer;outline:none;border-top:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.datetime .clear-button:before{content:"";position:absolute;left:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-left:1px solid #aaa;transition:background .25s ease-out;transform:skewX(25deg)}.datetime-input.datetime .clear-button:hover,.datetime-input.datetime .clear-button:hover:before{background:#ddd}.datetime-input.datetime .close-button{position:absolute;z-index:2;left:-1px;bottom:-2.5em;cursor:pointer;outline:none;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;margin-top:10px;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.datetime .close-button:before{content:"";position:absolute;right:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-right:1px solid #aaa;transition:background .25s ease-out;transform:skewX(-26deg)}.datetime-input.datetime .close-button:hover,.datetime-input.datetime .close-button:hover:before{background:#ddd} .datetime-input.date{position:relative;width:100%;height:auto;min-height:4em;margin:0;padding:0;color:#444;font-size:14px;font-family:sans-serif;text-decoration:none;text-align:center;user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.datetime-input.date .display{cursor:pointer;position:absolute;left:0;right:0;height:4em;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.date .display .date{font-size:2em;line-height:2em;display:block;overflow:hidden}.datetime-input.date .display .placeholder{font-size:1.5em;line-height:3em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.datetime-input.date .display.active,.datetime-input.date .display:hover{background-color:#ddd}.datetime-input.date .display.warning,.datetime-input.date .display.warning.active,.datetime-input.date .display.warning:hover{background-color:rgba(255,54,46,.75)}.datetime-input.date .edit-popover{position:absolute;z-index:2;top:4.5em;width:100%;min-width:350px;height:auto;padding:0;background-color:#efefef;border-radius:0;border:1px solid #aaa;box-sizing:border-box}.datetime-input.date .edit-popover .header{width:100%;color:#777;font-size:1.5em;line-height:2em;cursor:default;transition:background-color .25s ease-out}.datetime-input.date .edit-popover .header:before{content:"";display:block;position:absolute;background-color:#efefef;width:1em;height:1em;top:-.5em;left:10%;z-index:1;border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:background-color .25s ease-out}.datetime-input.date .calendar .calendar-header{cursor:default;background-color:#fff;position:relative;width:100%;font-size:1.5em;line-height:2em}.datetime-input.date .calendar .calendar-header .arrow{display:inline-block;color:#ddd;cursor:pointer;line-height:1.5em;font-size:1.5em}.datetime-input.date .calendar .calendar-header .arrow.arrow-left{position:absolute;left:0;width:2em;height:100%}.datetime-input.date .calendar .calendar-header .arrow.arrow-left:before{content:"";position:absolute;top:15%;left:25%;border-right:.75em solid #ddd;border-top:.5em solid transparent;border-bottom:.5em solid transparent;transition:border .25s ease-out}.datetime-input.date .calendar .calendar-header .arrow.arrow-left:hover:before{border-right-color:#999}.datetime-input.date .calendar .calendar-header .arrow.arrow-right{position:absolute;right:0;width:2em;height:100%}.datetime-input.date .calendar .calendar-header .arrow.arrow-right:before{content:"";position:absolute;top:15%;right:25%;border-left:.75em solid #ddd;border-top:.5em solid transparent;border-bottom:.5em solid transparent;transition:border .25s ease-out}.datetime-input.date .calendar .calendar-header .arrow.arrow-right:hover:before{border-left-color:#999}.datetime-input.date .calendar .calendar-body{padding:.5em 0}.datetime-input.date .calendar .calendar-body .weekdays{cursor:default;display:flex;justify-content:space-between;color:#777;font-size:1em;line-height:2em;text-transform:uppercase;padding:0 1em}.datetime-input.date .calendar .calendar-body .weekdays .weekday{width:5em;height:2.5em;display:inline-block}.datetime-input.date .calendar .calendar-body .week{display:flex;justify-content:space-between;color:#777;font-size:1.25em;line-height:2.65em;letter-spacing:1px;padding:.5em 1em}.datetime-input.date .calendar .calendar-body .week .date{display:inline-block;cursor:pointer;width:2.5em;height:2.5em;border-radius:50%;transition:background-color .25s ease-out}.datetime-input.date .calendar .calendar-body .week .date.current{color:#555;font-weight:900}.datetime-input.date .calendar .calendar-body .week .date:not(.active):hover{background-color:#ddd}.datetime-input.date .calendar .calendar-body .week .date.active,.datetime-input.date .calendar .calendar-body .week .date.inactive.active{color:#efefef;background-color:rgba(255,69,0,.75)}.datetime-input.date .calendar .calendar-body .week .date.inactive{color:#aaa}.datetime-input.date .clear-button{position:absolute;z-index:2;bottom:-2.5em;right:-1px;cursor:pointer;outline:none;border-top:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.date .clear-button:before{content:"";position:absolute;left:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-left:1px solid #aaa;transition:background .25s ease-out;transform:skewX(25deg)}.datetime-input.date .clear-button:hover,.datetime-input.date .clear-button:hover:before{background:#ddd}.datetime-input.date .close-button{position:absolute;z-index:2;left:-1px;bottom:-2.5em;cursor:pointer;outline:none;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;margin-top:10px;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.date .close-button:before{content:"";position:absolute;right:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-right:1px solid #aaa;transition:background .25s ease-out;transform:skewX(-26deg)}.datetime-input.date .close-button:hover,.datetime-input.date .close-button:hover:before{background:#ddd} -.datetime-input.time{position:relative;width:100%;height:auto;min-height:4em;margin:0;padding:0;color:#444;font-size:14px;font-family:sans-serif;text-decoration:none;text-align:center;user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.datetime-input.time .display{cursor:pointer;position:absolute;left:0;right:0;height:4em;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.time .display .date{color:#777;font-size:1em;line-height:1em;margin-top:.5em;display:block;overflow:hidden}.datetime-input.time .display .time{font-size:2em;line-height:2em;display:block;overflow:hidden}.datetime-input.time .display .placeholder{font-size:1.5em;line-height:3em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.datetime-input.time .display.active,.datetime-input.time .display:hover{background-color:#ddd}.datetime-input.time .display.warning,.datetime-input.time .display.warning.active,.datetime-input.time .display.warning:hover{background-color:rgba(255,54,46,.75)}.datetime-input.time .edit-popover{position:absolute;z-index:2;top:4.5em;width:100%;min-width:350px;height:auto;padding:0;background-color:#efefef;border-radius:0;border:1px solid #aaa;box-sizing:border-box}.datetime-input.time .edit-popover .header{width:100%;color:#777;font-size:1.5em;line-height:2em;cursor:default;transition:background-color .25s ease-out}.datetime-input.time .edit-popover .header:before{content:"";display:block;position:absolute;background-color:#efefef;width:1em;height:1em;top:-.5em;left:10%;z-index:1;border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:background-color .25s ease-out}.datetime-input.time .timer{display:flex;justify-content:space-between;background-color:#fff}.datetime-input.time .timer .timer-hours,.datetime-input.time .timer .timer-minutes,.datetime-input.time .timer .timer-seconds{cursor:default;width:3em;display:inline-block;font-size:3em;line-height:1.5em;position:relative}.datetime-input.time .timer .timer-hours .arrow,.datetime-input.time .timer .timer-minutes .arrow,.datetime-input.time .timer .timer-seconds .arrow{position:relative;color:#ddd;cursor:pointer;height:1em;margin:0 .5em;line-height:1em;font-size:.75em}.datetime-input.time .timer .timer-hours .arrow.arrow-up:before,.datetime-input.time .timer .timer-minutes .arrow.arrow-up:before,.datetime-input.time .timer .timer-seconds .arrow.arrow-up:before{content:"";position:absolute;top:50%;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-bottom:.5em solid #ddd;transition:border .25s ease-out}.datetime-input.time .timer .timer-hours .arrow.arrow-up:hover:before,.datetime-input.time .timer .timer-minutes .arrow.arrow-up:hover:before,.datetime-input.time .timer .timer-seconds .arrow.arrow-up:hover:before{border-bottom-color:#999}.datetime-input.time .timer .timer-hours .arrow.arrow-down:before,.datetime-input.time .timer .timer-minutes .arrow.arrow-down:before,.datetime-input.time .timer .timer-seconds .arrow.arrow-down:before{content:"";position:absolute;top:0;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-top:.5em solid #ddd;transition:border .25s ease-out}.datetime-input.time .timer .timer-hours .arrow.arrow-down:hover:before,.datetime-input.time .timer .timer-minutes .arrow.arrow-down:hover:before,.datetime-input.time .timer .timer-seconds .arrow.arrow-down:hover:before{border-top-color:#999}.datetime-input.time .timer .timer-divider{font-size:3em;line-height:3em;-webkit-animation-name:a;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:a;-moz-animation-duration:5s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:a;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}@-webkit-keyframes a{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}.datetime-input.time .clear-button{position:absolute;z-index:2;bottom:-2.5em;right:-1px;cursor:pointer;outline:none;border-top:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.time .clear-button:before{content:"";position:absolute;left:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-left:1px solid #aaa;transition:background .25s ease-out;transform:skewX(25deg)}.datetime-input.time .clear-button:hover,.datetime-input.time .clear-button:hover:before{background:#ddd}.datetime-input.time .close-button{position:absolute;z-index:2;left:-1px;bottom:-2.5em;cursor:pointer;outline:none;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;margin-top:10px;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.time .close-button:before{content:"";position:absolute;right:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-right:1px solid #aaa;transition:background .25s ease-out;transform:skewX(-26deg)}.datetime-input.time .close-button:hover,.datetime-input.time .close-button:hover:before{background:#ddd} \ No newline at end of file +.datetime-input.time{position:relative;width:100%;height:auto;min-height:4em;margin:0;padding:0;color:#444;font-size:14px;font-family:sans-serif;text-decoration:none;text-align:center;user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.datetime-input.time .display{cursor:pointer;position:absolute;left:0;right:0;height:4em;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.time .display .date{color:#777;font-size:1em;line-height:1em;margin-top:.5em;display:block;overflow:hidden}.datetime-input.time .display .time{font-size:2em;line-height:2em;display:block;overflow:hidden}.datetime-input.time .display .placeholder{font-size:1.5em;line-height:3em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.datetime-input.time .display.active,.datetime-input.time .display:hover{background-color:#ddd}.datetime-input.time .display.warning,.datetime-input.time .display.warning.active,.datetime-input.time .display.warning:hover{background-color:rgba(255,54,46,.75)}.datetime-input.time .edit-popover{position:absolute;z-index:2;top:4.5em;width:100%;min-width:350px;height:auto;padding:0;background-color:#efefef;border-radius:0;border:1px solid #aaa;box-sizing:border-box}.datetime-input.time .edit-popover .header{width:100%;color:#777;font-size:1.5em;line-height:2em;cursor:default;transition:background-color .25s ease-out}.datetime-input.time .edit-popover .header:before{content:"";display:block;position:absolute;background-color:#efefef;width:1em;height:1em;top:-.5em;left:10%;z-index:1;border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:background-color .25s ease-out}.datetime-input.time .timer{display:flex;justify-content:space-between;background-color:#fff}.datetime-input.time .timer .timer-hours,.datetime-input.time .timer .timer-minutes,.datetime-input.time .timer .timer-seconds{cursor:default;width:3em;display:inline-block;font-size:3em;line-height:1.5em;position:relative}.datetime-input.time .timer .timer-hours .arrow,.datetime-input.time .timer .timer-minutes .arrow,.datetime-input.time .timer .timer-seconds .arrow{position:relative;color:#ddd;cursor:pointer;height:1em;margin:0 .5em;line-height:1em;font-size:.75em}.datetime-input.time .timer .timer-hours .arrow.arrow-up:before,.datetime-input.time .timer .timer-minutes .arrow.arrow-up:before,.datetime-input.time .timer .timer-seconds .arrow.arrow-up:before{content:"";position:absolute;top:50%;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-bottom:.5em solid #ddd;transition:border .25s ease-out}.datetime-input.time .timer .timer-hours .arrow.arrow-up:hover:before,.datetime-input.time .timer .timer-minutes .arrow.arrow-up:hover:before,.datetime-input.time .timer .timer-seconds .arrow.arrow-up:hover:before{border-bottom-color:#999}.datetime-input.time .timer .timer-hours .arrow.arrow-down:before,.datetime-input.time .timer .timer-minutes .arrow.arrow-down:before,.datetime-input.time .timer .timer-seconds .arrow.arrow-down:before{content:"";position:absolute;top:0;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-top:.5em solid #ddd;transition:border .25s ease-out}.datetime-input.time .timer .timer-hours .arrow.arrow-down:hover:before,.datetime-input.time .timer .timer-minutes .arrow.arrow-down:hover:before,.datetime-input.time .timer .timer-seconds .arrow.arrow-down:hover:before{border-top-color:#999}.datetime-input.time .timer .timer-divider{font-size:3em;line-height:3em;-webkit-animation-name:a;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:a;-moz-animation-duration:5s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:a;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes a{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}.datetime-input.time .clear-button{position:absolute;z-index:2;bottom:-2.5em;right:-1px;cursor:pointer;outline:none;border-top:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.time .clear-button:before{content:"";position:absolute;left:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-left:1px solid #aaa;transition:background .25s ease-out;transform:skewX(25deg)}.datetime-input.time .clear-button:hover,.datetime-input.time .clear-button:hover:before{background:#ddd}.datetime-input.time .close-button{position:absolute;z-index:2;left:-1px;bottom:-2.5em;cursor:pointer;outline:none;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;margin-top:10px;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-input.time .close-button:before{content:"";position:absolute;right:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-right:1px solid #aaa;transition:background .25s ease-out;transform:skewX(-26deg)}.datetime-input.time .close-button:hover,.datetime-input.time .close-button:hover:before{background:#ddd} \ No newline at end of file From 8eb9de06f26e718f5999a71be0ed871470e42373 Mon Sep 17 00:00:00 2001 From: g1eb Date: Tue, 20 Mar 2018 15:51:47 +0100 Subject: [PATCH 3/3] Bump version number --- bower.json | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/bower.json b/bower.json index c8d2d43..f4261c1 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "angular-datetime-inputs", - "version": "0.2.3", + "version": "0.2.4", "description": "UI elements for datetime input, converted to angular directives for your convenience.", "homepage": "https://github.com/g1eb/angular-datetime-inputs", "authors": [ diff --git a/package.json b/package.json index 7723fad..bb46eee 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "angular-datetime-inputs", - "version": "0.2.3", + "version": "0.2.4", "description": "UI elements for datetime input, converted to angular directives for your convenience.", "homepage": "https://github.com/g1eb/angular-datetime-inputs#readme", "author": "gleb",