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

Disable network graph emphasis on mobile (#26106)

Browse Source
This commit is contained in:
Petar Petrov 2025-07-18 15:04:22 +03:00 committed by GitHub
parent 539884295b
commit 51b79b33fb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/chart/ha-network-graph.ts
View File

@ -106,14 +106,18 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) {
if (!GraphChart) {
return nothing;
}
const isMobile = window.matchMedia(
"all and (max-width: 450px), all and (max-height: 500px)"
).matches;
return html`<ha-chart-base
.hass=${this.hass}
.data=${this._getSeries(
this.data,
this._physicsEnabled,
this._reducedMotion,
this._showLabels
) as GraphSeriesOption}
this._showLabels,
isMobile
)}
.options=${this._createOptions(this.data?.categories)}
height="100%"
.extraComponents=${[GraphChart]}
@ -168,7 +172,8 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) {
data: NetworkData,
physicsEnabled: boolean,
reducedMotion: boolean,
showLabels: boolean
showLabels: boolean,
isMobile: boolean
) => {
const containerWidth = this.clientWidth;
const containerHeight = this.clientHeight;
@ -184,7 +189,7 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) {
position: "right",
},
emphasis: {
focus: "adjacency",
focus: isMobile ? "none" : "adjacency",
},
force: {
repulsion: [400, 600],