From a613c8682620e41f9d6d1443b8aaf5b9c0e8d8b0 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Fri, 22 Jan 2021 15:10:38 -0800
Subject: [PATCH] Reduced z-index on drawer component. Fixed a bug with mobile
 toggle buttons.

---
 drawer.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/drawer.js b/drawer.js
index 7f6b882..754016a 100644
--- a/drawer.js
+++ b/drawer.js
@@ -10,7 +10,7 @@ class Drawer extends IgniteElement {
     get styles() {
         return /*css*/`
             mt-drawer {
-                z-index: 999999;
+                z-index: 100;
             }
 
             mt-drawer > .container {
@@ -77,7 +77,7 @@ class Drawer extends IgniteElement {
 
             mt-drawer > .open-btn {
                 position: absolute;
-                z-index: 999999;
+                z-index: 100;
                 width: 2.5em;
                 height: 2.5em;
                 font-size: 1.2em;
@@ -104,7 +104,7 @@ class Drawer extends IgniteElement {
 
             mt-drawer > .container > .close-btn {
                 position: absolute;
-                z-index: 999999;
+                z-index: 100;
                 width: 2.5em;
                 height: 2.5em;
                 font-size: 1.2em;
@@ -182,7 +182,7 @@ class Drawer extends IgniteElement {
                     .child(
                         new button()
                             .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)
                             .child("<i class='fas fa-chevron-left'></i>")
                     )