jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-18 14:56:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Picture glance alignment fix (#23793)

Browse Source
This commit is contained in:
ildar170975 2025-01-20 10:35:29 +03:00 committed by GitHub
parent f76c22cb5b
commit 9a3ca59d77
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/panels/lovelace/cards/hui-picture-glance-card.ts
View File

@ -323,18 +323,10 @@ class HuiPictureGlanceCard extends LitElement implements LovelaceCard {
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
hui-image.clickable { hui-image.clickable {
cursor: pointer; cursor: pointer;
} }
.box { .box {
/* start paper-font-common-nowrap style */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* end paper-font-common-nowrap style */
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
@ -344,27 +336,31 @@ class HuiPictureGlanceCard extends LitElement implements LovelaceCard {
rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3)
); );
padding: 4px 8px; padding: 4px 8px;
font-size: 16px;
line-height: 40px;
color: var(--ha-picture-card-text-color, white);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-direction: row; flex-direction: row;
} }
.box .title { .box .title {
font-weight: 500; font-weight: 500;
margin-left: 8px; margin-left: 8px;
margin-inline-start: 8px; margin-inline-start: 8px;
margin-inline-end: initial; margin-inline-end: initial;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 16px;
line-height: 40px;
color: var(--ha-picture-card-text-color, white);
align-self: center;
}
ha-state-icon {
font-size: 0;
} }
ha-icon-button { ha-icon-button {
--mdc-icon-button-size: 40px; --mdc-icon-button-size: 40px;
--disabled-text-color: currentColor; --disabled-text-color: currentColor;
color: var(--ha-picture-icon-button-color, #a9a9a9); color: var(--ha-picture-icon-button-color, #a9a9a9);
} }
ha-icon-button.state-on { ha-icon-button.state-on {
color: var(--ha-picture-icon-button-on-color, white); color: var(--ha-picture-icon-button-on-color, white);
} }
@ -379,6 +375,7 @@ class HuiPictureGlanceCard extends LitElement implements LovelaceCard {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
color: var(--ha-picture-card-text-color, white);
} }
.row { .row {
display: flex; display: flex;