Optimized topbar responsive layout.

cotes2020 · cotes2020 · commit df37173fab95 · 2020-04-08T02:12:25.000+08:00
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -1475,6 +1475,10 @@ table {
      - (1920px - #{$sidebar-width-large}) ) /* 100% - 350px - (1920px - 350px); */
   }
 
+  #topbar {
+    max-width: calc(#{$main-content-max-width} + 20px)
+  }
+
   #main>div.row {
     padding-left: calc((100% - #{$main-content-max-width} - 2%) / 2);
   }

Original file line number	Diff line number	Diff line change
`@@ -1475,6 +1475,10 @@ table {`
`1475`	`1475`	`- (1920px - #{$sidebar-width-large}) ) /* 100% - 350px - (1920px - 350px); */`
`1476`	`1476`	`}`
`1477`	`1477`
	`1478`	`+ #topbar {`
	`1479`	`+ max-width: calc(#{$main-content-max-width} + 20px)`
	`1480`	`+ }`
	`1481`	`+`
`1478`	`1482`	`#main>div.row {`
`1479`	`1483`	`padding-left: calc((100% - #{$main-content-max-width} - 2%) / 2);`
`1480`	`1484`	`}`