@flowingcode/fc-applayout
Advanced tools
Comparing version
{ | ||
"name": "@flowingcode/fc-applayout", | ||
"version": "0.9.8", | ||
"version": "1.0.0", | ||
"description": "Responsive and flexible LitElement based Application Layout", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
@@ -221,24 +221,57 @@ /** | ||
_updateMargin() { | ||
let marginWidth = this.drawer.clientWidth + "px"; | ||
if (this.drawerPersistent) { | ||
let marginWidth = this.drawer.clientWidth + "px"; | ||
if (!this.drawer.opened) { | ||
this.content.style.marginLeft = "0px"; | ||
//TRUE TRUE | ||
if(this.drawerBelowHeader){ | ||
if(this.drawer.opened) { | ||
if (this.drawerAlign == "right") { | ||
this.header.style.marginRight = "0px"; | ||
this.content.style.marginRight = marginWidth; | ||
} else { | ||
this.header.style.marginLeft = "0px"; | ||
this.content.style.marginLeft = marginWidth; | ||
} | ||
} else { | ||
if (this.drawerAlign == "right") { | ||
this.header.style.marginRight = "0px"; | ||
this.content.style.marginRight = "0px"; | ||
} else { | ||
this.header.style.marginLeft = "0px"; | ||
this.content.style.marginLeft = "0px"; | ||
} | ||
} | ||
} else {//TRUE FALSE | ||
if(this.drawer.opened) { | ||
if (this.drawerAlign == "right") { | ||
this.header.style.marginRight = marginWidth; | ||
this.content.style.marginRight = marginWidth; | ||
} else { | ||
this.header.style.marginLeft = marginWidth; | ||
this.content.style.marginLeft = marginWidth; | ||
} | ||
} else { | ||
if (this.drawerAlign == "right") { | ||
this.header.style.marginRight = "0px"; | ||
this.content.style.marginRight = "0px"; | ||
} else { | ||
this.header.style.marginLeft = "0px"; | ||
this.content.style.marginLeft = "0px"; | ||
} | ||
} | ||
} | ||
if (!this.drawerBelowHeader) { | ||
if (this.drawerAlign=="right") { | ||
this.header.style.marginRight = marginWidth; | ||
} else { | ||
//FALSE TRUE | ||
//FALSE FALSE | ||
if (this.drawerAlign == "right") { | ||
this.header.style.marginRight = "0px"; | ||
this.content.style.marginRight = "0px"; | ||
} else { | ||
this.header.style.marginLeft = marginWidth; | ||
this.header.style.marginLeft = "0px"; | ||
this.content.style.marginLeft = "0px"; | ||
} | ||
} | ||
if (this.drawerAlign=="right") { | ||
this.content.style.marginRight = marginWidth; | ||
} else { | ||
this.content.style.marginLeft = marginWidth; | ||
} | ||
} | ||
} | ||
} | ||
declare global { | ||
@@ -245,0 +278,0 @@ interface HTMLElementTagNameMap { |
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
1903041
0.07%807
4.26%0
-100%