Picture glance alignment fix (#23793)

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

View File

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