jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-16 13:56:35 +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-color: rgb(var(--rgb-primary-color));
--slider-bar-background: rgba(var(--rgb-disabled-color), 0.2); --slider-bar-background: rgba(var(--rgb-disabled-color), 0.2);
--slider-bar-thickness: 40px; --slider-bar-thickness: 40px;
--slider-bar-border-radius: 12px; --slider-bar-border-radius: 10px;
height: var(--slider-bar-thickness); height: var(--slider-bar-thickness);
width: 100%; width: 100%;
} }
@ -299,7 +299,7 @@ export class HaBarSlider extends LitElement {
background: var(--slider-bar-background); background: var(--slider-bar-background);
} }
.slider .slider-track-bar { .slider .slider-track-bar {
--border-radius: calc(var(--slider-bar-border-radius) / 2); --border-radius: var(--slider-bar-border-radius);
--handle-size: 4px; --handle-size: 4px;
--handle-margin: calc(var(--slider-bar-thickness) / 8); --handle-margin: calc(var(--slider-bar-thickness) / 8);
position: absolute; position: absolute;

2
src/components/tile/ha-tile-button.ts
View File

@ -95,7 +95,7 @@ export class HaTileButton extends LitElement {
justify-content: center; justify-content: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 12px; border-radius: 10px;
border: none; border: none;
background-color: var(--bg-color); background-color: var(--bg-color);
transition: background-color 280ms ease-in-out, transform 180ms ease-out; 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, --tile-slider-bar-background,
rgba(var(--rgb-disabled-color), 0.2) rgba(var(--rgb-disabled-color), 0.2)
); );
--slider-bar-thickness: 40px;
--slider-bar-border-radius: 10px;
} }
`; `;
} }