UX: improve fixed mode to account for sticky d-header

hnb-ku · hnb-ku · commit f32be592d71b · 2020-12-09T14:11:01.000+08:00
diff --git a/desktop/desktop.scss b/desktop/desktop.scss
@@ -7,21 +7,12 @@ $item-height: 40px;
     z-index: z("header") + 1;
   }
 
-  .d-header {
+  .d-header-wrap {
     top: $item-height;
-    position: fixed;
   }
 
   #main-outlet {
-    padding-top: calc(5.8572em + #{$item-height});
-  }
-} @else {
-  .d-header {
-    top: $item-height;
-
-    .docked & {
-      top: 0;
-    }
+    padding-top: calc(1.8em + #{$item-height});
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -7,21 +7,12 @@ $item-height: 40px;`
`7`	`7`	`z-index: z("header") + 1;`
`8`	`8`	`}`
`9`	`9`
`10`		`- .d-header {`
	`10`	`+ .d-header-wrap {`
`11`	`11`	`top: $item-height;`
`12`		`- position: fixed;`
`13`	`12`	`}`
`14`	`13`
`15`	`14`	`#main-outlet {`
`16`		`- padding-top: calc(5.8572em + #{$item-height});`
`17`		`- }`
`18`		`-} @else {`
`19`		`- .d-header {`
`20`		`- top: $item-height;`
`21`		`-`
`22`		`- .docked & {`
`23`		`- top: 0;`
`24`		`- }`
	`15`	`+ padding-top: calc(1.8em + #{$item-height});`
`25`	`16`	`}`
`26`	`17`	`}`
`27`	`18`