jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-26 18:56:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix label wrap (#20323)

Browse Source 
* Don't wrap headline on ha-menu-item

* Don't wrap text on ha-label
This commit is contained in:
Paul Bottein 2024-04-02 15:20:22 +02:00 committed by GitHub
parent 8a015f4e38
commit 169d782580
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/ha-label.ts
View File

@ -43,6 +43,7 @@ class HaLabel extends LitElement {
border-radius: 18px; border-radius: 18px;
color: var(--ha-label-text-color); color: var(--ha-label-text-color);
--mdc-icon-size: 12px; --mdc-icon-size: 12px;
text-wrap: nowrap;
} }
.content > * { .content > * {
position: relative; position: relative;

7
src/components/ha-menu-item.ts
View File

@ -1,7 +1,7 @@
import { customElement } from "lit/decorators"; import { MdMenuItem } from "@material/web/menu/menu-item";
import "element-internals-polyfill"; import "element-internals-polyfill";
import { CSSResult, css } from "lit"; import { CSSResult, css } from "lit";
import { MdMenuItem } from "@material/web/menu/menu-item"; import { customElement } from "lit/decorators";
@customElement("ha-menu-item") @customElement("ha-menu-item")
export class HaMenuItem extends MdMenuItem { export class HaMenuItem extends MdMenuItem {
@ -30,6 +30,9 @@ export class HaMenuItem extends MdMenuItem {
--md-menu-item-label-text-color: var(--error-color); --md-menu-item-label-text-color: var(--error-color);
--md-menu-item-leading-icon-color: var(--error-color); --md-menu-item-leading-icon-color: var(--error-color);
} }
::slotted([slot="headline"]) {
text-wrap: nowrap;
}
`, `,
]; ];
} }