jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 11:16:35 +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 type { TemplateResult } from "lit";
import { LitElement, html } from "lit"; import { css, LitElement, html } from "lit";
import { customElement, property } from "lit/decorators"; import { customElement, property } from "lit/decorators";
import type { HassServiceTarget } from "home-assistant-js-websocket"; import type { HassServiceTarget } from "home-assistant-js-websocket";
import { showConfirmationDialog } from "../../dialogs/generic/show-dialog-box"; import { showConfirmationDialog } from "../../dialogs/generic/show-dialog-box";
@ -81,6 +81,12 @@ class HaCallServiceButton extends LitElement {
this._callService(); this._callService();
} }
} }
static styles = css`
:host {
--ha-button-text-align: start;
}
`;
} }
declare global { declare global {

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

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