Use smaller log font size for mobile

openshift · Mar 18, 2016 · 73bc9b8 · 73bc9b8
1 parent 79e75d1
commit 73bc9b8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/assets/app/styles/_log.less b/assets/app/styles/_log.less
@@ -71,7 +71,10 @@
     right: 0;
   }
   .log-view-output {
-    font-size: 12px;
+    font-size: 11px;
+    @media (min-width: @screen-sm-min) {
+      font-size: 12px;
+    }
     padding: 30px 0 30px;
     .ellipsis-loader {
       // Give space between log output and loader
@@ -122,6 +125,7 @@
   vertical-align: top;
   white-space: nowrap;
   width: 60px;
+  color: #72767b;
 }
 .log-line-text {
   padding: 0 10px;

diff --git a/pkg/assets/bindata.go b/pkg/assets/bindata.go
@@ -87178,7 +87178,9 @@ kubernetes-topology-graph{height:700px}
 .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-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{font-size:11px;padding:30px 0}
+@media (min-width:768px){.log-view .log-view-output{font-size:12px}
+}
 .log-view .log-view-output .ellipsis-loader{margin-top:30px}
 .log-view .log-view-output table{table-layout:fixed;width:100%}
 .chromeless .log-scroll-top.affix{right:0px}
@@ -87188,7 +87190,7 @@ kubernetes-topology-graph{height:700px}
 .log-line{color:#d1d1d1}
 .log-line:hover{background-color:#22262b;color:#ededed}
 .log-line-number:before{content:attr(data-line-number)}
-.log-line-number{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-right:1px #272b30 solid;padding-right:10px;vertical-align:top;white-space:nowrap;width:60px}
+.log-line-number{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-right:1px #272b30 solid;padding-right:10px;vertical-align:top;white-space:nowrap;width:60px;color:#72767b}
 .log-line-text{padding:0 10px;white-space:pre-wrap;width:100%;-ms-word-break:break-all;word-wrap:break-word;overflow-wrap:break-word}
 .log-line-text::-moz-selection{color:#101214;background:#e5e5e5}
 .table-log-pods{background-color:#fff;border:1px solid #D1D1D1}