diff options
Diffstat (limited to 'src/third_party/wiredtiger/tools/wtstats/template/app/less/index.less')
-rw-r--r-- | src/third_party/wiredtiger/tools/wtstats/template/app/less/index.less | 216 |
1 files changed, 216 insertions, 0 deletions
diff --git a/src/third_party/wiredtiger/tools/wtstats/template/app/less/index.less b/src/third_party/wiredtiger/tools/wtstats/template/app/less/index.less new file mode 100644 index 00000000000..88168d986d6 --- /dev/null +++ b/src/third_party/wiredtiger/tools/wtstats/template/app/less/index.less @@ -0,0 +1,216 @@ +@import "bootstrap"; +@import "fontawesome"; +@sidebar-width: 250px; + +// making bootstraps collapse transitions faster (.35s original) +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition(height .2s ease); +} + +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +#navbar { + margin-bottom: 0px; + + .navbar-brand { + padding: 8px; + + .brand-image { + width: 204px; + height: 50px; + background: url("../img/wtstats_logo.png") no-repeat 0 0; + background-size: 100%; + } + + .menu-toggle { + display: none; + padding-right: 10px; + + a { + color: #5e5e5e; + } + } + } + + .navbar-right li { + i, div, span { + margin: 0 5px; + } + + button.btn { + width: 80px; + } + } + + .alert.alert-warning { + height: 34px; + padding: 6px; + cursor: default; + } +} + +#wrapper { + padding-left: @sidebar-width; + transition: all 0.4s ease 0s; +} + +#sidebar-wrapper { + margin-left: -@sidebar-width; + left: @sidebar-width; + width: @sidebar-width; + position: fixed; + background: #fff; + height: 100%; + overflow-y: auto; + z-index: 1000; + transition: all 0.4s ease 0s; + border-right: 1px solid #ddd; +} + +#page-content-wrapper { + width: 100%; +} + +@media (max-width:767px) { + + #navbar .menu-toggle { + display: inline-block; + } + + #wrapper { + padding-left: 0; + } + + #sidebar-wrapper { + left: 0; + } + + #wrapper.active { + position: relative; + left: @sidebar-width; + } + + #wrapper.active #sidebar-wrapper { + left: @sidebar-width; + width: @sidebar-width; + transition: all 0.4s ease 0s; + } +} + +.sidebar-nav { + position: absolute; + top: 0; + width: calc(@sidebar-width - 10); + margin: 0; + padding: 0 5px; + list-style: none; +} + +.sidebar-nav li { + margin: 10px 0; +} + +ul.stats { + list-style-type: none; + padding: 0; +} + +li.stat { + .noselect; + cursor: pointer; + font-size: 12px; + i { + margin-right: 4px; + } +} + +.panel-title { + .noselect; + + i.fa { + margin-right: 10px; + } + + i.fa, a { + cursor: pointer; + } +} + +.panel-heading .suptitle { + padding-left: 22px; + font-size: 11px; +} + +svg.multiline { + cursor: crosshair; + font-size: 12px; + + .axis path, + .axis line { + fill: none; + stroke: #000; + shape-rendering: crispEdges; + } + + .cross { + shape-rendering: crispEdges; + } + + .line { + fill: none; + stroke: steelblue; + stroke-width: 1.5px; + } +} + +.instructions { + padding: 30px; + + h1 { + font-size: 26px; + color: #ccc; + } + + .searchbox { + border: 3px solid #ccc; + border-radius: 5px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right: 0px; + padding: 0 0 5px 5px; + } + + u { + padding-right: 9px; + } + + dl dt, dl dd { + margin-bottom: 10px; + } + + dl dt i.fa { + padding: 0 12px; + } + + dl dt { + .noselect; + } + + dl dd { + .noselect; + font-weight: bold; + padding-top: 15px; + font-size: 26px; + color: #ccc; + } +} |