github
/
ha-frontend
mirror of https://github.com/home-assistant/frontend
1
Fork 0
Code Releases Activity

Fix stack card border radius reset on iOS (#20278)

This commit is contained in:
Paul Bottein 2024-03-29 21:22:31 +01:00 committed by GitHub
parent bc14b8468d
commit d56abe6b72
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/panels/lovelace/cards/hui-stack-card.ts
View File

@ -35,6 +35,9 @@ export abstract class HuiStackCard<T extends StackCardConfig = StackCardConfig>
@state() protected _config?: T;
@property({ type: Boolean, reflect: true })
public isPanel = false;
public getCardSize(): number | Promise<number> {
return 1;
}
@ -98,10 +101,10 @@ export abstract class HuiStackCard<T extends StackCardConfig = StackCardConfig>
display: block;
padding: 24px 16px 16px;
}
#root {
--ha-card-border-radius: var(--restore-card-border-radius, inherit);
--ha-card-border-width: var(--restore-card-border-width, inherit);
--ha-card-box-shadow: var(--restore-card-border-shadow, inherit);
:host([ispanel]) #root {
--ha-card-border-radius: var(--restore-card-border-radius);
--ha-card-border-width: var(--restore-card-border-width);
--ha-card-box-shadow: var(--restore-card-border-shadow);
}
`;
}

4
src/panels/lovelace/views/hui-panel-view.ts
View File

@ -108,7 +108,6 @@ export class PanelView extends LitElement implements LovelaceViewElement {
const card: LovelaceCard = this.cards[0];
card.isPanel = true;
card.toggleAttribute("no-border", true);
if (this.isStrategy || !this.lovelace?.editMode) {
card.editMode = false;
@ -117,7 +116,6 @@ export class PanelView extends LitElement implements LovelaceViewElement {
}
const wrapper = document.createElement("hui-card-options");
wrapper.toggleAttribute("no-border", true);
wrapper.hass = this.hass;
wrapper.lovelace = this.lovelace;
wrapper.path = [this.index!, 0];
@ -137,7 +135,7 @@ export class PanelView extends LitElement implements LovelaceViewElement {
--restore-card-box-shadow: var(--ha-card-box-shadow, none);
}
[no-border] {
* {
--ha-card-border-radius: 0;
--ha-card-border-width: 0;
--ha-card-box-shadow: none;