jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix overflow menu being above dialogs (#16558)

Browse Source 
Fix device actions being above dialogs
This commit is contained in:
Bram Kragten 2023-05-17 16:23:30 +02:00 committed by GitHub
parent 67b64b2d5c
commit eb220fa1a0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 48 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -72,7 +72,7 @@ export class HaDialog extends DialogBase {
--dialog-scroll-divider-color,
var(--divider-color)
);
z-index: var(--dialog-z-index, 7);
z-index: var(--dialog-z-index, 8);
-webkit-backdrop-filter: var(--dialog-backdrop-filter, none);
backdrop-filter: var(--dialog-backdrop-filter, none);
--mdc-dialog-box-shadow: var(--dialog-box-shadow, none);

2
src/components/media-player/dialog-media-manage.ts
View File

@ -277,7 +277,7 @@ class DialogMediaManage extends LitElement {
haStyleDialog,
css`
ha-dialog {
--dialog-z-index: 8;
--dialog-z-index: 9;
--dialog-content-padding: 0;
}

2
src/components/media-player/dialog-media-player-browse.ts
View File

@ -142,7 +142,7 @@ class DialogMediaPlayerBrowse extends LitElement {
haStyleDialog,
css`
ha-dialog {
--dialog-z-index: 8;
--dialog-z-index: 9;
--dialog-content-padding: 0;
}

2
src/dialogs/quick-bar/ha-quick-bar.ts
View File

@ -775,7 +775,7 @@ export class QuickBar extends LitElement {
}
ha-dialog {
--dialog-z-index: 8;
--dialog-z-index: 9;
--dialog-content-padding: 0;
}

88
src/panels/config/devices/ha-config-device-page.ts
View File

@ -755,52 +755,52 @@ export class HaConfigDevicePage extends LitElement {
)}
.path=${mdiDotsVertical}
></ha-icon-button>
${actions.map(
(deviceAction) => html`
<a
href=${ifDefined(deviceAction.href)}
target=${ifDefined(deviceAction.target)}
rel=${ifDefined(
deviceAction.target
? "noreferrer"
: undefined
)}
>
<mwc-list-item
class=${ifDefined(
deviceAction.classes
${actions.map((deviceAction) => {
const listItem = html`<mwc-list-item
class=${ifDefined(deviceAction.classes)}
.action=${deviceAction.action}
@click=${this._deviceActionClicked}
graphic="icon"
.hasMeta=${Boolean(
deviceAction.trailingIcon
)}
>
${deviceAction.label}
${deviceAction.icon
? html`
<ha-svg-icon
class=${ifDefined(
deviceAction.classes
)}
.path=${deviceAction.icon}
slot="graphic"
></ha-svg-icon>
`
: ""}
${deviceAction.trailingIcon
? html`
<ha-svg-icon
slot="meta"
.path=${deviceAction.trailingIcon}
></ha-svg-icon>
`
: ""}
</mwc-list-item>`;
return deviceAction.href
? html`<a
href=${deviceAction.href}
target=${ifDefined(
deviceAction.target
)}
.action=${deviceAction.action}
@click=${this._deviceActionClicked}
graphic="icon"
.hasMeta=${Boolean(
deviceAction.trailingIcon
rel=${ifDefined(
deviceAction.target
? "noreferrer"
: undefined
)}
>
${deviceAction.label}
${deviceAction.icon
? html`
<ha-svg-icon
class=${ifDefined(
deviceAction.classes
)}
.path=${deviceAction.icon}
slot="graphic"
></ha-svg-icon>
`
: ""}
${deviceAction.trailingIcon
? html`
<ha-svg-icon
slot="meta"
.path=${deviceAction.trailingIcon}
></ha-svg-icon>
`
: ""}
</mwc-list-item>
</a>
`
)}
>${listItem}
</a>`
: listItem;
})}
</ha-button-menu>
`
: ""}