css: positionning 'div.stats'

79727345 · Mathieu Giraud · 1c01b8e4 · 79727345 · 79727345 · 79727345
Commit 79727345 authored Dec 05, 2014 by Mathieu Giraud
Hide whitespace changes
Inline Side-by-side

Showing with 31 additions and 9 deletions

browser/css/dark.css browser/css/dark.css +10 -3

browser/css/light.css browser/css/light.css +10 -3

browser/css/vidjil.less browser/css/vidjil.less +11 -3

No files found.
--- a/browser/css/dark.css
+++ b/browser/css/dark.css
@@ -780,9 +780,16 @@ span.logo {
  position: relative;
  text-align: center;
  float: left;
-  width: -moz-calc(100% - 475px);
-  width: -webkit-calc(100% - 475px);
-  width: calc(100% - 475px);
+  width: -moz-calc(100% - 675px);
+  width: -webkit-calc(100% - 675px);
+  width: calc(100% - 675px);
+}
+.stats {
+  position: relative;
+  text-align: right;
+  float: right;
+  width: 197px;
+  padding-right: 3px;
 }
 #segmenter {
  overflow-x: scroll !important;

--- a/browser/css/light.css
+++ b/browser/css/light.css
@@ -780,9 +780,16 @@ span.logo {
  position: relative;
  text-align: center;
  float: left;
-  width: -moz-calc(100% - 475px);
-  width: -webkit-calc(100% - 475px);
-  width: calc(100% - 475px);
+  width: -moz-calc(100% - 675px);
+  width: -webkit-calc(100% - 675px);
+  width: calc(100% - 675px);
+}
+.stats {
+  position: relative;
+  text-align: right;
+  float: right;
+  width: 197px;
+  padding-right: 3px;
 }
 #segmenter {
  overflow-x: scroll !important;

--- a/browser/css/vidjil.less
+++ b/browser/css/vidjil.less
@@ -392,6 +392,7 @@ line {
 /*Metric*/

 @width_left_container : 475px;
+@width_stats: 200px;
 @width_scrollbar : 30px;
 @width_clusterBox :16px;
 @width_starBox : 16px;
@@ -922,9 +923,16 @@ span.logo
    position: relative;
    text-align: center;
    float: left;
-    width: -moz-calc(~"100%" - @width_left_container);
-    width: -webkit-calc(~"100%" - @width_left_container);
-    width: calc(~"100%" - @width_left_container);
+    width: -moz-calc(~"100%" - (@width_left_container + @width_stats));
+    width: -webkit-calc(~"100%" - (@width_left_container + @width_stats));
+    width: calc(~"100%" - (@width_left_container + @width_stats));
+}
+.stats {
+  position: relative;
+  text-align: right;
+  float: right;
+  width: @width_stats - 3px;
+  padding-right: 3px;
 }

 #segmenter {