fix: activitybar items overflow

wewoor · wewoor · commit 21f8f7a6e25b · 2020-10-28T16:30:43.000+08:00
diff --git a/src/workbench/activityBar/style.scss b/src/workbench/activityBar/style.scss
@@ -18,7 +18,10 @@
 }
 
 .#{$activityBar}-container {
+    display: flex;
+    flex-direction: column;
     height: 100%;
+    justify-content: space-between;
     position: relative;
     width: 100%;
     
@@ -27,11 +30,10 @@
         padding: 0;
     }
 
-    .global-items {
-        bottom: 0;
-        left: 0;
-        position: absolute;
-        right: 0;
+    .normal-items {
+        margin-bottom: auto;
+        overflow: hidden;
+        overflow-y: auto;
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,10 @@`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.#{$activityBar}-container {`
	`21`	`+ display: flex;`
	`22`	`+ flex-direction: column;`
`21`	`23`	`height: 100%;`
	`24`	`+ justify-content: space-between;`
`22`	`25`	`position: relative;`
`23`	`26`	`width: 100%;`
`24`	`27`
`@@ -27,11 +30,10 @@`
`27`	`30`	`padding: 0;`
`28`	`31`	`}`
`29`	`32`
`30`		`- .global-items {`
`31`		`- bottom: 0;`
`32`		`- left: 0;`
`33`		`- position: absolute;`
`34`		`- right: 0;`
	`33`	`+ .normal-items {`
	`34`	`+ margin-bottom: auto;`
	`35`	`+ overflow: hidden;`
	`36`	`+ overflow-y: auto;`
`35`	`37`	`}`
`36`	`38`	`}`
`37`	`39`