fix tab pagination

64json · 64json · commit 37f6c6e65273 · 2016-06-11T07:31:35.000+09:00
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -63,6 +63,7 @@ button:not([disabled]):hover {
 button.active {
     background: rgb(38, 38, 38);
 }
+
 .btn input,
 button input {
     outline: none;
@@ -88,7 +89,6 @@ nav {
     height: 30px;
     width: 100%;
     padding: 0 16px;
-    box-shadow: 0px 0px 3px 1px black;
 }
 
 nav h3 {
@@ -153,7 +153,7 @@ button.indent {
 }
 
 .algorithms {
-  box-shadow: inset 0 2px 2px rgba(0,0,0,0.36),inset 0 -2px 2px rgba(0,0,0,0.24);
+    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.36), inset 0 -2px 2px rgba(0, 0, 0, 0.24);
 }
 
 .algorithms.collapse {
@@ -261,24 +261,26 @@ section {
 
 .tab_bar button,
 .files_bar button {
-  height: 29px;
-  float: left;
-  position: relative;
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
+    height: 29px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
 }
 
 .tab_bar button.active,
 .files_bar button.active {
-  border: 1px solid #505050;
-  border-bottom: none;
+    border: 1px solid #505050;
+    border-bottom: none;
 }
 
 .files_bar {
     height: 30px;
     border-bottom: 1px solid #505050;
 }
 
+.files_bar > * {
+    position: absolute;
+}
+
 .files_bar > button {
     width: 30px;
 }
@@ -287,12 +289,12 @@ section {
     background: rgba(0, 0, 0, .15);
 }
 
-.files_bar .btn-right {
-    float: right;
+.files_bar .btn-left {
+    left: 0;
 }
 
-.files_bar .btn-left {
-    float: left;
+.files_bar .btn-right {
+    right: 0;
 }
 
 .files_bar > .wrapper {
@@ -557,7 +559,7 @@ button[disabled] {
 }
 
 .executing {
-  	background: rgba(0, 174, 255, 0.4);
+    background: rgba(0, 174, 255, 0.4);
     border: 1px solid #0091ea;
     position: absolute;
     width: 100% !important;
@@ -567,11 +569,15 @@ button[disabled] {
 }
 
 @keyframes line_highlight {
-    from { background: rgba(0, 174, 255, 0.1); }
-    to   { background: rgba(0, 174, 255, 0.4); }
+    from {
+        background: rgba(0, 174, 255, 0.1);
+    }
+    to {
+        background: rgba(0, 174, 255, 0.4);
+    }
 }
 
 .ace_editor {
-  border-left: none;
-  border-bottom: none;
+    border-left: none;
+    border-bottom: none;
 }
diff --git a/public/algorithm_visualizer.css b/public/algorithm_visualizer.css
@@ -208,7 +208,6 @@ nav {
     height: 30px;
     width: 100%;
     padding: 0 16px;
-    box-shadow: 0px 0px 3px 1px black;
 }
 
 nav h3 {
@@ -382,8 +381,6 @@ section {
 .tab_bar button,
 .files_bar button {
   height: 29px;
-  float: left;
-  position: relative;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
 }
@@ -399,6 +396,10 @@ section {
     border-bottom: 1px solid #505050;
 }
 
+.files_bar > * {
+    position: absolute;
+}
+
 .files_bar > button {
     width: 30px;
 }
@@ -408,11 +409,11 @@ section {
 }
 
 .files_bar .btn-right {
-    float: right;
+    right: 0;
 }
 
 .files_bar .btn-left {
-    float: left;
+    left: 0;
 }
 
 .files_bar > .wrapper {
diff --git a/public/algorithm_visualizer.min.css b/public/algorithm_visualizer.min.css

Original file line number	Diff line number	Diff line change
`@@ -208,7 +208,6 @@ nav {`
`208`	`208`	`height: 30px;`
`209`	`209`	`width: 100%;`
`210`	`210`	`padding: 0 16px;`
`211`		`- box-shadow: 0px 0px 3px 1px black;`
`212`	`211`	`}`
`213`	`212`
`214`	`213`	`nav h3 {`
`@@ -382,8 +381,6 @@ section {`
`382`	`381`	`.tab_bar button,`
`383`	`382`	`.files_bar button {`
`384`	`383`	`height: 29px;`
`385`		`- float: left;`
`386`		`- position: relative;`
`387`	`384`	`border-top-left-radius: 3px;`
`388`	`385`	`border-top-right-radius: 3px;`
`389`	`386`	`}`
`@@ -399,6 +396,10 @@ section {`
`399`	`396`	`border-bottom: 1px solid #505050;`
`400`	`397`	`}`
`401`	`398`
	`399`	`+.files_bar > * {`
	`400`	`+ position: absolute;`
	`401`	`+}`
	`402`	`+`
`402`	`403`	`.files_bar > button {`
`403`	`404`	`width: 30px;`
`404`	`405`	`}`
`@@ -408,11 +409,11 @@ section {`
`408`	`409`	`}`
`409`	`410`
`410`	`411`	`.files_bar .btn-right {`
`411`		`- float: right;`
	`412`	`+ right: 0;`
`412`	`413`	`}`
`413`	`414`
`414`	`415`	`.files_bar .btn-left {`
`415`		`- float: left;`
	`416`	`+ left: 0;`
`416`	`417`	`}`
`417`	`418`
`418`	`419`	`.files_bar > .wrapper {`