Merge pull request #15 from D0pu/master

Restore overflow tab

bin/style.css

@@ -387,12 +387,12 @@ input[type=checkbox]:checked:after {
   position: relative;
   height: 100%;
 }
-.tabs-header {
+.hide-tabs .tabs-header {
   background-color: #111;
   padding: 2px;
   padding-bottom: 0px;
 }
-.tabs-header > div {
+.hide-tabs .tabs-header > div {
   cursor: pointer;
   display: inline-block;
   color: #888;
@@ -403,22 +403,22 @@ input[type=checkbox]:checked:after {
   border-top-right-radius: 5px;
   user-select: none;
 }
-.tabs-header > div.active {
+.hide-tabs .tabs-header > div.active {
   background-color: #222;
   color: #ccc;
   border-bottom-color: #222;
   border-top-right-radius: 0px;
 }
-.tabs-header > div:hover {
+.hide-tabs .tabs-header > div:hover {
   background-color: #282828;
 }
-.tabs-header .tab {
+.hide-tabs .tab {
   max-height: 100%;
   display: flex;
   flex-direction: column;
   position: absolute;
 }
-.tabs-header .expand {
+.hide-tabs .tab.expand {
   width: 100%;
   height: 100%;
 }

bin/style.less

@@ -416,30 +416,30 @@ input[type=checkbox] {
 	flex : 0 0 320px;
 	position: relative;
 	height: 100%;
-}
 
-.tabs-header {
-	background-color : #111;
-	padding : 2px;
-	padding-bottom : 0px;
-	&>div {
-		cursor : pointer;
-		display : inline-block;
-		color: #888;
-		background-color : #151515;
-		padding : 3px 8px;
-		border : 1px solid #444;
-		margin-left : -1px;
-		border-top-right-radius: 5px;
-		user-select: none;
-		&.active {
-			background-color : #222;
-			color : #ccc;
-			border-bottom-color : #222;
-			border-top-right-radius: 0px;
-		}
-		&:hover {
-			background-color : #282828;
+	.tabs-header {
+		background-color : #111;
+		padding : 2px;
+		padding-bottom : 0px;
+		&>div {
+			cursor : pointer;
+			display : inline-block;
+			color: #888;
+			background-color : #151515;
+			padding : 3px 8px;
+			border : 1px solid #444;
+			margin-left : -1px;
+			border-top-right-radius: 5px;
+			user-select: none;
+			&.active {
+				background-color : #222;
+				color : #ccc;
+				border-bottom-color : #222;
+				border-top-right-radius: 0px;
+			}
+			&:hover {
+				background-color : #282828;
+			}
 		}
 	}
 	.tab {
@@ -447,14 +447,14 @@ input[type=checkbox] {
 		display: flex;
 		flex-direction: column;
 		position: absolute;
-	}
-
-	.expand {
-		width: 100%;
-		height: 100%;
+		&.expand {
+			width: 100%;
+			height: 100%;
+		}
 	}
 }
 
+
 .searchBox {
 	display : none;
 	width : 200px;