diff --git a/assets/js/components/VehicleSoc.vue b/assets/js/components/VehicleSoc.vue index c9870093f..38ab2f459 100644 --- a/assets/js/components/VehicleSoc.vue +++ b/assets/js/components/VehicleSoc.vue @@ -218,7 +218,7 @@ export default { top: calc(var(--label-height) * -1); height: 100%; width: var(--thumb-width); - padding: var(--label-height) var(--thumb-horizontal-padding) 0; + padding: 0 var(--thumb-horizontal-padding) 0; box-sizing: content-box; background-clip: content-box; background-color: var(--bs-gray-dark); diff --git a/dist/css/index.75f5b7e0.css b/dist/css/index.f1264e7c.css similarity index 54% rename from dist/css/index.75f5b7e0.css rename to dist/css/index.f1264e7c.css index d494a9623..b03b3651b 100644 --- a/dist/css/index.75f5b7e0.css +++ b/dist/css/index.f1264e7c.css @@ -1 +1 @@ -.progress-bar-animated{animation-direction:reverse}.btn.caption{opacity:1}.btn.first{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}.value,input[type=radio],label.btn{white-space:nowrap!important}.text-muted a,.text-muted a:hover{color:#6c757d!important;text-decoration:none}.bg-muted{opacity:.25}.icon[data-v-99c2e68a]{color:#0fdd42}.icon[data-v-1eecc7b7]{color:#0fdd42;display:inline-block}.sponsor-button[data-v-1eecc7b7]{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.support-button .solid[data-v-1eecc7b7]{display:none}.support-button:hover .solid[data-v-1eecc7b7]{display:inline-block}.support-button:hover .outline[data-v-1eecc7b7]{display:none}.logo[data-v-1d8baa41]{width:85px}.app[data-v-1d8baa41]{min-height:100vh}.btn[data-v-5d01faa2]{flex-basis:0;white-space:nowrap}.vehicle-soc[data-v-332aa8c7]{--height:38px;--thumb-overlap:3px;--thumb-width:3px;--thumb-horizontal-padding:15px;--label-height:26px;position:relative;height:var(--height)}.progress[data-v-332aa8c7]{height:100%;font-size:1rem}.progress-bar.bg-muted[data-v-332aa8c7]{color:var(--white)}.bg-light[data-v-332aa8c7]{color:var(--bs-gray-dark)}.target-label[data-v-332aa8c7]{width:3em;margin-left:-1.5em;height:var(--label-height);position:absolute;top:calc(var(--label-height)*-1 + var(--thumb-overlap)*-1);text-align:center;color:var(--bs-gray-dark);font-size:1rem;opacity:1;transition:opacity .2s ease 1s}.target-slider[data-v-332aa8c7]{-webkit-appearance:none;position:absolute;top:calc(var(--thumb-overlap)*-1);left:calc(var(--thumb-horizontal-padding)*-1);height:calc(100% + var(--thumb-overlap)*2);width:calc(100% + var(--thumb-horizontal-padding)*2);background:transparent}.target-slider[data-v-332aa8c7]:focus{outline:none}.target-slider[data-v-332aa8c7]::-webkit-slider-runnable-track{position:relative;background:transparent;border:none;height:100%;cursor:pointer}.target-slider[data-v-332aa8c7]::-moz-range-track{background:transparent;border:none;height:100%;cursor:pointer}.target-slider[data-v-332aa8c7]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;top:calc(var(--label-height)*-1);height:100%;width:var(--thumb-width);padding:var(--label-height) var(--thumb-horizontal-padding) 0;box-sizing:content-box;background-clip:content-box;background-color:var(--bs-gray-dark);cursor:-webkit-grab;cursor:grab;border:none;opacity:1;-webkit-transition:opacity .2s ease 1s;transition:opacity .2s ease 1s}.target-slider[data-v-332aa8c7]::-moz-range-thumb{position:relative;top:calc(var(--label-height)*-1);height:100%;width:var(--thumb-width);padding:var(--label-height) var(--thumb-horizontal-padding) 0;box-sizing:content-box;background-clip:content-box;background-color:var(--bs-gray-dark);cursor:grab;border:none;opacity:1;-moz-transition:opacity .2s ease 1s;transition:opacity .2s ease 1s}.target--max .target-label[data-v-332aa8c7],.target--max .target-slider[data-v-332aa8c7]::-webkit-slider-thumb{opacity:0}.target--max .target-label[data-v-332aa8c7],.target--max .target-slider[data-v-332aa8c7]::-moz-range-thumb{opacity:0}.target:hover .target-label[data-v-332aa8c7],.target:hover .target-slider[data-v-332aa8c7]::-webkit-slider-thumb{opacity:1;transition-delay:0s}.target:hover .target-label[data-v-332aa8c7],.target:hover .target-slider[data-v-332aa8c7]::-moz-range-thumb{opacity:1;transition-delay:0s} \ No newline at end of file +.progress-bar-animated{animation-direction:reverse}.btn.caption{opacity:1}.btn.first{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}.value,input[type=radio],label.btn{white-space:nowrap!important}.text-muted a,.text-muted a:hover{color:#6c757d!important;text-decoration:none}.bg-muted{opacity:.25}.icon[data-v-99c2e68a]{color:#0fdd42}.icon[data-v-1eecc7b7]{color:#0fdd42;display:inline-block}.sponsor-button[data-v-1eecc7b7]{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.support-button .solid[data-v-1eecc7b7]{display:none}.support-button:hover .solid[data-v-1eecc7b7]{display:inline-block}.support-button:hover .outline[data-v-1eecc7b7]{display:none}.logo[data-v-1d8baa41]{width:85px}.app[data-v-1d8baa41]{min-height:100vh}.btn[data-v-5d01faa2]{flex-basis:0;white-space:nowrap}.vehicle-soc[data-v-3405be3f]{--height:38px;--thumb-overlap:3px;--thumb-width:3px;--thumb-horizontal-padding:15px;--label-height:26px;position:relative;height:var(--height)}.progress[data-v-3405be3f]{height:100%;font-size:1rem}.progress-bar.bg-muted[data-v-3405be3f]{color:var(--white)}.bg-light[data-v-3405be3f]{color:var(--bs-gray-dark)}.target-label[data-v-3405be3f]{width:3em;margin-left:-1.5em;height:var(--label-height);position:absolute;top:calc(var(--label-height)*-1 + var(--thumb-overlap)*-1);text-align:center;color:var(--bs-gray-dark);font-size:1rem;opacity:1;transition:opacity .2s ease 1s}.target-slider[data-v-3405be3f]{-webkit-appearance:none;position:absolute;top:calc(var(--thumb-overlap)*-1);left:calc(var(--thumb-horizontal-padding)*-1);height:calc(100% + var(--thumb-overlap)*2);width:calc(100% + var(--thumb-horizontal-padding)*2);background:transparent}.target-slider[data-v-3405be3f]:focus{outline:none}.target-slider[data-v-3405be3f]::-webkit-slider-runnable-track{position:relative;background:transparent;border:none;height:100%;cursor:pointer}.target-slider[data-v-3405be3f]::-moz-range-track{background:transparent;border:none;height:100%;cursor:pointer}.target-slider[data-v-3405be3f]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;top:calc(var(--label-height)*-1);height:100%;width:var(--thumb-width);padding:var(--label-height) var(--thumb-horizontal-padding) 0;box-sizing:content-box;background-clip:content-box;background-color:var(--bs-gray-dark);cursor:-webkit-grab;cursor:grab;border:none;opacity:1;-webkit-transition:opacity .2s ease 1s;transition:opacity .2s ease 1s}.target-slider[data-v-3405be3f]::-moz-range-thumb{position:relative;top:calc(var(--label-height)*-1);height:100%;width:var(--thumb-width);padding:0 var(--thumb-horizontal-padding) 0;box-sizing:content-box;background-clip:content-box;background-color:var(--bs-gray-dark);cursor:grab;border:none;opacity:1;-moz-transition:opacity .2s ease 1s;transition:opacity .2s ease 1s}.target--max .target-label[data-v-3405be3f],.target--max .target-slider[data-v-3405be3f]::-webkit-slider-thumb{opacity:0}.target--max .target-label[data-v-3405be3f],.target--max .target-slider[data-v-3405be3f]::-moz-range-thumb{opacity:0}.target:hover .target-label[data-v-3405be3f],.target:hover .target-slider[data-v-3405be3f]::-webkit-slider-thumb{opacity:1;transition-delay:0s}.target:hover .target-label[data-v-3405be3f],.target:hover .target-slider[data-v-3405be3f]::-moz-range-thumb{opacity:1;transition-delay:0s} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index a86932c47..a23b27920 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1,4 +1,4 @@ -