jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ha-bar-slider.ts
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;

2
src/components/tile/ha-tile-button.ts
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;

2
src/components/tile/ha-tile-slider.ts
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;
}
`;
}