jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-09 02:49:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix calendar toggle group wrapping (#27049)

Browse Source
This commit is contained in:
Aidan Timson
2025-09-15 15:12:37 +01:00
committed by GitHub
parent 98e6f32fe8
commit 9d02a1d391
2 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ha-button-toggle-group.ts
View File

@@ -28,6 +28,9 @@ export class HaButtonToggleGroup extends LitElement {
@property({ reflect: true }) size: "small" | "medium" = "medium"; @property({ reflect: true }) size: "small" | "medium" = "medium";
@property({ type: Boolean, reflect: true, attribute: "no-wrap" })
public nowrap = false;
@property() public variant: @property() public variant:
| "brand" | "brand"
| "neutral" | "neutral"
@@ -71,6 +74,10 @@ export class HaButtonToggleGroup extends LitElement {
:host { :host {
--mdc-icon-size: var(--button-toggle-icon-size, 20px); --mdc-icon-size: var(--button-toggle-icon-size, 20px);
} }
:host([no-wrap]) wa-button-group::part(base) {
flex-wrap: nowrap;
}
`; `;
} }

2
src/panels/calendar/ha-full-calendar.ts
View File

@@ -162,6 +162,7 @@ export class HAFullCalendar extends LitElement {
.buttons=${viewToggleButtons} .buttons=${viewToggleButtons}
.active=${this._activeView} .active=${this._activeView}
size="small" size="small"
no-wrap
@value-changed=${this._handleView} @value-changed=${this._handleView}
></ha-button-toggle-group> ></ha-button-toggle-group>
` `
@@ -197,6 +198,7 @@ export class HAFullCalendar extends LitElement {
.buttons=${viewToggleButtons} .buttons=${viewToggleButtons}
.active=${this._activeView} .active=${this._activeView}
size="small" size="small"
no-wrap
@value-changed=${this._handleView} @value-changed=${this._handleView}
></ha-button-toggle-group> ></ha-button-toggle-group>
</div> </div>