Fixes jumping page introduced with 33a2a8b

[netdata.git] / web / dashboard.slate.css

diff --git a/web/dashboard.slate.css b/web/dashboard.slate.css
index 8a3adf321814271c8e5df14ddb6501029f515a93..0536a3ed68c8f680f3088e883df47b5c99edad09 100644 (file)
--- a/web/dashboard.slate.css
+++ b/web/dashboard.slate.css
@@ -18,11 +18,22 @@ body {
        margin-left: 55px;
 }
 
+.netdata-chart-row {
+       width: 100%;
+       text-align: center;
+       display: flex;
+       display: -webkit-flex;
+       display: -moz-flex;
+       align-items: flex-end;
+       -moz-align-items: flex-end;
+       -webkit-align-items: flex-end;
+       justify-content: center;
+       -moz--webkit-justify-content: center;
+       -moz-justify-content: center;
+}
+
 .netdata-container {
-       display: -webkit-flex; /* Safari */
-       -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        display: inline-block;
-       flex-wrap: wrap;
        overflow: hidden;
 
        /* required for child elements to have absolute position */
@@ -39,10 +50,7 @@ body {
 }
 
 .netdata-container-with-legend {
-       display: -webkit-flex; /* Safari */
-       -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        display: inline-block;
-       flex-wrap: wrap;
        overflow: hidden;
 
        /* fix minimum scrollbar issue in firefox */
@@ -74,6 +82,43 @@ body {
        margin: 0px;
 }
 
+.netdata-legend-toolbox {
+       display: block;
+       position: absolute;
+       bottom: 0px;
+       right: 30px;
+       height: 15px;
+       width: 110px;
+       background-color: #272b30;
+       font-size: 12px;
+       vertical-align: middle;
+       line-height: 15px;
+       color: #373b40;
+       text-align: center;
+       overflow: hidden;
+       z-index: 20;
+       padding: 0px;
+       margin: 0px;
+}
+
+.netdata-legend-toolbox-button {
+       display: inline-block;
+       position: relative;
+       height: 15px;
+       width: 18px;
+       background-color: #272b30;
+       font-size: 12px;
+       vertical-align: middle;
+       line-height: 15px;
+       color: #474b50;
+       text-align: center;
+       overflow: hidden;
+       z-index: 21;
+       padding: 0px;
+       margin: 0px;
+       cursor: pointer;
+}
+
 .netdata-message {
        display: inline-block;
        text-align: left;
@@ -465,3 +510,11 @@ body {
        color: #676b70;
        font-weight: normal;
 }
+
+.popover-title {
+       font-weight: bold;
+       font-size: 12px;
+}
+.popover-content {
+       font-size: 11px;
+}