jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 03:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add left text alignment to call service button (#24846)

Browse Source
This commit is contained in:
Lucas 2025-05-08 09:58:46 +02:00 committed by GitHub
parent 6b568307a4
commit c8cffef647
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/buttons/ha-call-service-button.ts
View File

@ -1,5 +1,5 @@
import type { TemplateResult } from "lit";
import { LitElement, html } from "lit";
import { css, LitElement, html } from "lit";
import { customElement, property } from "lit/decorators";
import type { HassServiceTarget } from "home-assistant-js-websocket";
import { showConfirmationDialog } from "../../dialogs/generic/show-dialog-box";
@ -81,6 +81,12 @@ class HaCallServiceButton extends LitElement {
this._callService();
}
}
static styles = css`
:host {
--ha-button-text-align: start;
}
`;
}
declare global {

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

@ -16,12 +16,14 @@ export class HaButton extends Button {
}
.mdc-button {
height: var(--button-height, 36px);
text-align: var(--ha-button-text-align, center);
}
.trailing-icon {
display: flex;
}
.slot-container {
overflow: var(--button-slot-container-overflow, visible);
width: 100%;
}
:host([destructive]) {
--mdc-theme-primary: var(--error-color);