jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +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, --dialog-scroll-divider-color,
var(--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); -webkit-backdrop-filter: var(--dialog-backdrop-filter, none);
backdrop-filter: var(--dialog-backdrop-filter, none); backdrop-filter: var(--dialog-backdrop-filter, none);
--mdc-dialog-box-shadow: var(--dialog-box-shadow, 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, haStyleDialog,
css` css`
ha-dialog { ha-dialog {
--dialog-z-index: 8; --dialog-z-index: 9;
--dialog-content-padding: 0; --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, haStyleDialog,
css` css`
ha-dialog { ha-dialog {
--dialog-z-index: 8; --dialog-z-index: 9;
--dialog-content-padding: 0; --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 { ha-dialog {
--dialog-z-index: 8; --dialog-z-index: 9;
--dialog-content-padding: 0; --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} .path=${mdiDotsVertical}
></ha-icon-button> ></ha-icon-button>
${actions.map( ${actions.map((deviceAction) => {
(deviceAction) => html` const listItem = html`<mwc-list-item
<a class=${ifDefined(deviceAction.classes)}
href=${ifDefined(deviceAction.href)} .action=${deviceAction.action}
target=${ifDefined(deviceAction.target)} @click=${this._deviceActionClicked}
rel=${ifDefined( graphic="icon"
deviceAction.target .hasMeta=${Boolean(
? "noreferrer" deviceAction.trailingIcon
: undefined )}
)} >
> ${deviceAction.label}
<mwc-list-item ${deviceAction.icon
class=${ifDefined( ? html`
deviceAction.classes <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} rel=${ifDefined(
@click=${this._deviceActionClicked} deviceAction.target
graphic="icon" ? "noreferrer"
.hasMeta=${Boolean( : undefined
deviceAction.trailingIcon
)} )}
> >${listItem}
${deviceAction.label} </a>`
${deviceAction.icon : listItem;
? 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>
`
)}
</ha-button-menu> </ha-button-menu>
` `
: ""} : ""}