Adjust -webkit-scrollbar width and log-scroll-top affixed position.

Fixes #7963
openshift · Mar 18, 2016 · 3bafec6 · 3bafec6
1 parent 79e75d1
commit 3bafec6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/assets/app/styles/_log.less b/assets/app/styles/_log.less
@@ -59,7 +59,7 @@
   // this is toggled in JS
   .log-scroll-top.affix.target-logger-node {
     position: fixed;
-    right: 42px;
+    right: 45px;
     top: 60px !important;
   }
 

diff --git a/assets/app/styles/_scrollbars.less b/assets/app/styles/_scrollbars.less
@@ -8,7 +8,7 @@
 ::-webkit-scrollbar {
   height: 10px;
   overflow: visible;
-  width: 10px;
+  width: 14px;
 }
 ::-webkit-scrollbar-thumb {
   background-color: @scrollbar-thumb;

diff --git a/pkg/assets/bindata.go b/pkg/assets/bindata.go
@@ -86967,7 +86967,7 @@ td.visible-print,th.visible-print{display:table-cell!important}
 .hidden-print{display:none!important}
 }
 ::-webkit-scrollbar-corner{background:0 0}
-::-webkit-scrollbar{height:10px;overflow:visible;width:10px}
+::-webkit-scrollbar{height:10px;overflow:visible;width:14px}
 ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.08);background-clip:padding-box;border:solid transparent;border-width:1px;min-height:28px;max-height:60px;padding:100px 0 0;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)}
 ::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.18)}
 ::-webkit-scrollbar-track{background-clip:padding-box;background-color:rgba(0,0,0,.03)}
@@ -87176,7 +87176,7 @@ kubernetes-topology-graph{height:700px}
 .log-view .log-scroll-top{position:absolute;right:0;border-right:0;border-top:0}
 .log-view .log-scroll-top.affix-top{position:absolute;right:0;top:0}
 .log-view .log-scroll-top.affix{position:fixed;right:20px;top:0}
-.log-view .log-scroll-top.affix.target-logger-node{position:fixed;right:42px;top:60px!important}
+.log-view .log-scroll-top.affix.target-logger-node{position:fixed;right:45px;top:60px!important}
 .log-view .log-scroll-bottom{position:absolute;border-bottom:0;border-right:0;bottom:0;right:0}
 .log-view .log-view-output{font-size:12px;padding:30px 0}
 .log-view .log-view-output .ellipsis-loader{margin-top:30px}