Fix flow form padding end (#25328)

* Fix flow form padding end

* Use more end padding if docs are present
This commit is contained in:
Wendelin
2025-05-06 13:52:00 +02:00
committed by GitHub
parent 852278e8aa
commit 00d708fbd4
8 changed files with 61 additions and 23 deletions

View File

@@ -15,11 +15,16 @@ class StepFlowExternal extends LitElement {
@property({ attribute: false }) public step!: DataEntryFlowStepExternal;
@property({ type: Boolean, attribute: "increase-padding-end" })
public increasePaddingEnd = false;
protected render(): TemplateResult {
const localize = this.hass.localize;
return html`
<h2>${this.flowConfig.renderExternalStepHeader(this.hass, this.step)}</h2>
<h2 class=${this.increasePaddingEnd ? "end-space" : ""}>
${this.flowConfig.renderExternalStepHeader(this.hass, this.step)}
</h2>
<div class="content">
${this.flowConfig.renderExternalStepDescription(this.hass, this.step)}
<div class="open-button">
@@ -51,6 +56,9 @@ class StepFlowExternal extends LitElement {
.open-button a {
text-decoration: none;
}
h2.end-space {
padding-inline-end: 72px;
}
`,
];
}