X-Git-Url: https://arthur.barton.de/gitweb/?a=blobdiff_plain;f=web%2Fdashboard.css;h=e969158091d5a8ecbe40b809640cdbb6074570e3;hb=1e2a080e0e40793994e54048da7d6554cb79e48a;hp=a7b090d665c186e110057f5e8b3b74c8d5afc27d;hpb=18c59500a34b430e47d43cbd8eec465462febdb1;p=netdata.git diff --git a/web/dashboard.css b/web/dashboard.css index a7b090d6..e9691580 100644 --- a/web/dashboard.css +++ b/web/dashboard.css @@ -6,15 +6,39 @@ body { font-variant: normal; } +.morelink { + color: #765d9c; + text-decoration: none; +} +.morelink:hover { + color: #563d7c; + text-decoration: none; +} +.morelink:focus { + color: #765d9c; + text-decoration: none; +} + .netdata-chart-alignment { margin-left: 55px; } +.netdata-chart-row { + width: 100%; + text-align: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + align-items: baseline; + -moz-align-items: baseline; + -webkit-align-items: baseline; + justify-content: center; + -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 */ @@ -31,10 +55,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 */ @@ -346,6 +367,27 @@ body { .dygraph-ylabel { } +.dygraph-label-rotate-left { + text-align: center; + /* See http://caniuse.com/#feat=transforms2d */ + transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); +} + +/* For y2-axis label */ +.dygraph-label-rotate-right { + text-align: center; + /* See http://caniuse.com/#feat=transforms2d */ + transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); +} + .dygraph-title { text-indent: 56px; text-align: left;