jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-25 05:47:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Put volume slider in the middle of the button (#11788)

Browse Source
This commit is contained in:
Bram Kragten 2022-02-23 11:34:06 +01:00 committed by GitHub
parent 1dd1095d19
commit aa988c758d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ha-button-menu.ts
View File

@ -1,5 +1,5 @@
import "@material/mwc-menu";
import type { Corner, Menu } from "@material/mwc-menu";
import type { Corner, Menu, MenuCorner } from "@material/mwc-menu";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property, query } from "lit/decorators";
@ -7,6 +7,12 @@ import { customElement, property, query } from "lit/decorators";
export class HaButtonMenu extends LitElement {
@property() public corner: Corner = "TOP_START";
@property() public menuCorner: MenuCorner = "START";
@property({ type: Number }) public x?: number;
@property({ type: Number }) public y?: number;
@property({ type: Boolean }) public multi = false;
@property({ type: Boolean }) public activatable = false;
@ -32,9 +38,12 @@ export class HaButtonMenu extends LitElement {
</div>
<mwc-menu
.corner=${this.corner}
.menuCorner=${this.menuCorner}
.fixed=${this.fixed}
.multi=${this.multi}
.activatable=${this.activatable}
.y=${this.y}
.x=${this.x}
>
<slot></slot>
</mwc-menu>

2
src/panels/media-browser/ha-bar-media-player.ts
View File

@ -266,7 +266,7 @@ export class BarMediaPlayer extends LitElement {
${
stateObj && supportsFeature(stateObj, SUPPORT_VOLUME_SET)
? html`
<ha-button-menu corner="BOTTOM_START">
<ha-button-menu corner="BOTTOM_START" y="0" x="76">
<ha-icon-button
slot="trigger"
.path=${mdiVolumeHigh}