Set border radius to 10px for tile slider and buttons (#14488)

This commit is contained in:
Paul Bottein 2022-11-30 19:50:26 +01:00 committed by GitHub
parent d4cda0c106
commit 90a7c2d2ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions

View File

@ -270,7 +270,7 @@ export class HaBarSlider extends LitElement {
--slider-bar-color: rgb(var(--rgb-primary-color));
--slider-bar-background: rgba(var(--rgb-disabled-color), 0.2);
--slider-bar-thickness: 40px;
--slider-bar-border-radius: 12px;
--slider-bar-border-radius: 10px;
height: var(--slider-bar-thickness);
width: 100%;
}
@ -299,7 +299,7 @@ export class HaBarSlider extends LitElement {
background: var(--slider-bar-background);
}
.slider .slider-track-bar {
--border-radius: calc(var(--slider-bar-border-radius) / 2);
--border-radius: var(--slider-bar-border-radius);
--handle-size: 4px;
--handle-margin: calc(var(--slider-bar-thickness) / 8);
position: absolute;

View File

@ -95,7 +95,7 @@ export class HaTileButton extends LitElement {
justify-content: center;
width: 100%;
height: 100%;
border-radius: 12px;
border-radius: 10px;
border: none;
background-color: var(--bg-color);
transition: background-color 280ms ease-in-out, transform 180ms ease-out;

View File

@ -51,6 +51,8 @@ export class HaTileSlider extends LitElement {
--tile-slider-bar-background,
rgba(var(--rgb-disabled-color), 0.2)
);
--slider-bar-thickness: 40px;
--slider-bar-border-radius: 10px;
}
`;
}