jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-26 02:36:37 +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;
} }

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

@ -755,21 +755,9 @@ 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)}
target=${ifDefined(deviceAction.target)}
rel=${ifDefined(
deviceAction.target
? "noreferrer"
: undefined
)}
>
<mwc-list-item
class=${ifDefined(
deviceAction.classes
)}
.action=${deviceAction.action} .action=${deviceAction.action}
@click=${this._deviceActionClicked} @click=${this._deviceActionClicked}
graphic="icon" graphic="icon"
@ -797,10 +785,22 @@ export class HaConfigDevicePage extends LitElement {
></ha-svg-icon> ></ha-svg-icon>
` `
: ""} : ""}
</mwc-list-item> </mwc-list-item>`;
</a> return deviceAction.href
` ? html`<a
href=${deviceAction.href}
target=${ifDefined(
deviceAction.target
)} )}
rel=${ifDefined(
deviceAction.target
? "noreferrer"
: undefined
)}
>${listItem}
</a>`
: listItem;
})}
</ha-button-menu> </ha-button-menu>
` `
: ""} : ""}