MontoyaTech/ignite-html-material
MontoyaTech/ignite-html-material
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Reduced z-index on drawer component. Fixed a bug with mobile toggle buttons.

Browse Source
This commit is contained in:
Matt Mo 2021-01-22 15:10:38 -08:00
parent 595aadd29a
commit a613c86826
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
drawer.js
View File

@ -10,7 +10,7 @@ class Drawer extends IgniteElement {
get styles() { get styles() {
return /*css*/` return /*css*/`
mt-drawer { mt-drawer {
z-index: 999999; z-index: 100;
} }
mt-drawer > .container { mt-drawer > .container {
@ -77,7 +77,7 @@ class Drawer extends IgniteElement {
mt-drawer > .open-btn { mt-drawer > .open-btn {
position: absolute; position: absolute;
z-index: 999999; z-index: 100;
width: 2.5em; width: 2.5em;
height: 2.5em; height: 2.5em;
font-size: 1.2em; font-size: 1.2em;
@ -104,7 +104,7 @@ class Drawer extends IgniteElement {
mt-drawer > .container > .close-btn { mt-drawer > .container > .close-btn {
position: absolute; position: absolute;
z-index: 999999; z-index: 100;
width: 2.5em; width: 2.5em;
height: 2.5em; height: 2.5em;
font-size: 1.2em; font-size: 1.2em;
@ -182,7 +182,7 @@ class Drawer extends IgniteElement {
.child( .child(
new button() new button()
.class("close-btn") .class("close-btn")
.show([this.mobile, this.show, this.toggle], (mobile, show, toggle) => mobile && show && toggle) .show([this.mobile, this.show, this.showToggleButton], (mobile, show, toggle) => mobile && show && toggle)
.onClick(() => this.show = false) .onClick(() => this.show = false)
.child("<i class='fas fa-chevron-left'></i>") .child("<i class='fas fa-chevron-left'></i>")
) )