chore: fix vite build warning (#6280)

* chore: fix vite build error

* new :deep syntax

---------

Co-authored-by: Michael Geers <michael@geers.tv>
This commit is contained in:
andig 2023-02-17 23:16:25 +01:00 • committed by GitHub
parent ded5d4319f
commit 32a653dcbf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions

View file

@ -239,12 +239,12 @@ html.dark .grid-import {
white-space: nowrap;
overflow: hidden;
}
.visualization--ready ::v-deep(.label-bar) {
.visualization--ready :deep(.label-bar) {
transition-property: width, opacity;
transition-duration: var(--evcc-transition-medium), var(--evcc-transition-fast);
transition-timing-function: linear, ease;
}
.visualization--ready ::v-deep(.label-bar-icon) {
.visualization--ready :deep(.label-bar-icon) {
transition-duration: var(--evcc-transition-very-fast), 500ms;
}
</style>

View file

@ -90,7 +90,7 @@ export default {
.form-check-label {
max-width: 100%;
}
.errorMessage::v-deep pre {
.errorMessage :deep(pre) {
text-overflow: ellipsis;
font-size: 1em;
}

View file

@ -132,7 +132,7 @@ export default {
.spin {
animation: rotation 1s infinite cubic-bezier(0.37, 0, 0.63, 1);
}
.spin ::v-deep(svg) {
.spin :deep(svg) {
/* workaround to fix the not perfectly centered shopicon. Remove once its fixed in @h2d2/shopicons */
transform: translateY(-0.7px);
}