@flowingcode/fc-applayout - npm Package Compare versions

Comparing version 0.9.8 to 1.0.0

package.json

 {
   "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": [

src/fc-applayout.ts

@@ -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 {

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1903041

0.07%

Lines of code

807

4.26%

Number of low quality alerts

0

-100%

No dependency changes