@flowingcode/fc-applayout
Advanced tools
Comparing version 0.9.8 to 1.0.0
{ | ||
"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 { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
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
807
0