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

Added auto close option to drawer.

Browse Source
This commit is contained in:
MattMo 2023-04-14 08:05:40 -07:00
parent 85662f7777
commit 8c021053a3
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
drawer.js
View File

@ -134,6 +134,7 @@ class Drawer extends IgniteElement {
this.update(); //If responsive is changed we must update. this.update(); //If responsive is changed we must update.
}), }),
mobile: false, mobile: false,
autoClose: true,
placement: "left", placement: "left",
width: "20em", width: "20em",
height: null, height: null,
@ -195,8 +196,16 @@ class Drawer extends IgniteElement {
if (this.responsive) { if (this.responsive) {
if (window.innerWidth <= this.breakpoint && !this.mobile) { if (window.innerWidth <= this.breakpoint && !this.mobile) {
this.mobile = true; this.mobile = true;
if (this.autoClose) {
this.show = false;
}
} else if (window.innerWidth > this.breakpoint && this.mobile) { } else if (window.innerWidth > this.breakpoint && this.mobile) {
this.mobile = false; this.mobile = false;
if (this.autoClose) {
this.show = true;
}
} }
} }
} }