Hawkin
/
arangodb
mirror of https://gitee.com/bigwinds/arangodb
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

small css changes dashboard/aql editor

This commit is contained in:
Heiko Kernbach 2013-08-16 08:47:58 +02:00
parent 9ce8162b14
commit d83cdfb667
4 changed files with 35 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
html/admin/css/dashboardView.css
View File

@ -10,12 +10,10 @@
border: 8px solid #FFFFFF; border: 8px solid #FFFFFF;
} }
*/ */
.dashboardContent {
#dashboardContent { padding-bottom: 20px !important;
padding-left: 0px !important; padding-top: 10px !important;
padding-top: 5px !important; margin-bottom: 10px !important;
padding-bottom: 5px !important;
padding-right: 0px !important;
} }
.dbNotVisible { .dbNotVisible {
@ -79,12 +77,15 @@
.statSingleClient { .statSingleClient {
height: 400px; height: 400px;
width: 100% !important; width: auto !important;
margin-top: 11px; margin-top: 11px;
margin-left: 10px !important; margin-left: 5px !important;
margin-right: 11px !important; margin-right: 5px !important;
margin-bottom: -10px !important; margin-bottom: -10px !important;
border: 1px solid #C1BDBA !important; border-top: 1px solid #888888 !important;
border-left: 1px solid #E5E5E5 !important;
border-right: 1px solid #E5E5E5 !important;
border-bottom: 1px solid #E5E5E5 !important;
background-color: #FFFFFF !important; background-color: #FFFFFF !important;
} }
@ -192,13 +193,9 @@ li:hover h6, li.hover h6 {
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
background-color: #686766; background-color: #686766;
border-bottom: 1px solid #A0A0A0;
border-top: 1px solid #A0A0A0;
color: #FFFFFF; color: #FFFFFF;
height: 36px; height: 36px;
margin-bottom: 0px !important; margin-top: 5px !important;
margin-top: 20px !important;
position: relative;
} }
#dashboardHeader .btn-group { #dashboardHeader .btn-group {
@ -243,17 +240,16 @@ li:hover h6, li.hover h6 {
} }
/*Dashboard Checkbox*/ /*Dashboard Checkbox*/
#dashboardHeader input[type=checkbox].css-checkbox, #transparentHeader input[type=checkbox].css-checkbox, #collectionsDropdown input[type=checkbox].css-checkbox { #dashboardDropdownOut input[type=checkbox].css-checkbox, #transparentHeader input[type=checkbox].css-checkbox, #collectionsDropdown input[type=checkbox].css-checkbox {
display:none; display:none;
} }
#dashboardHeader input[type=checkbox].css-checkbox + label.css-label, #transparentHeader input[type=checkbox].css-checkbox + label.css-label, #collectionsDropdown input[type=checkbox].css-checkbox + label.css-label { #dashboardDropdownOut input[type=checkbox].css-checkbox + label.css-label, #transparentHeader input[type=checkbox].css-checkbox + label.css-label, #collectionsDropdown input[type=checkbox].css-checkbox + label.css-label {
padding-left:20px; padding-left:20px;
margin-top: 0px; margin-top: 0px;
margin-bottom: -0px; margin-bottom: -0px;
height:15px; height:15px;
display:inline-block; display:inline-block;
line-height:15px;
background-repeat:no-repeat; background-repeat:no-repeat;
background-position: 0 0; background-position: 0 0;
font-size:15px; font-size:15px;
@ -261,7 +257,7 @@ li:hover h6, li.hover h6 {
cursor:pointer; cursor:pointer;
} }
#dashboardHeader input[type=checkbox].css-checkbox:checked + label.css-label, #transparentHeader input[type=checkbox].css-checkbox:checked + label.css-label, #collectionsDropdown input[type=checkbox].css-checkbox:checked + label.css-label { #dashboardDropdownOut input[type=checkbox].css-checkbox:checked + label.css-label, #transparentHeader input[type=checkbox].css-checkbox:checked + label.css-label, #collectionsDropdown input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -15px; background-position: 0 -15px;
} }
@ -275,17 +271,17 @@ li:hover h6, li.hover h6 {
margin-left: -21px; margin-left: -21px;
} }
#dashboardHeader input[type="radio"], #transparentHeader input[type="radio"] { #dashboardDropdownOut input[type="radio"], #transparentHeader input[type="radio"] {
display:none; display:none;
} }
#dashboardHeader input[type="radio"] + label, #transparentHeader input[type="radio"] + label { #dashboardDropdownOut input[type="radio"] + label, #transparentHeader input[type="radio"] + label {
/*color:#f2f2f2;*/ /*color:#f2f2f2;*/
/*font-family:Arial, sans-serif; /*font-family:Arial, sans-serif;
font-size:14px;*/ font-size:14px;*/
} }
#dashboardHeader input[type="radio"] + label span, #transparentHeader input[type="radio"] + label span { #dashboardDropdownOut input[type="radio"] + label span, #transparentHeader input[type="radio"] + label span {
display:inline-block; display:inline-block;
width:19px; width:19px;
height:19px; height:19px;
@ -295,7 +291,7 @@ li:hover h6, li.hover h6 {
cursor:pointer; cursor:pointer;
} }
#dashboardHeader input[type="radio"]:checked + label span, #transparentHeader input[type="radio"]:checked + label span { #dashboardDropdownOut input[type="radio"]:checked + label span, #transparentHeader input[type="radio"]:checked + label span {
background:url(../img/check_radio_sheet.png) -57px top no-repeat; background:url(../img/check_radio_sheet.png) -57px top no-repeat;
} }
@ -433,7 +429,7 @@ li:hover h6, li.hover h6 {
} }
#shortcutDiv { #shortcutDiv {
padding-top: 5px; padding-top: 10px;
font-size: 12px; font-size: 12px;
font-weight: 200; font-weight: 200;
} }
@ -459,16 +455,24 @@ li:hover h6, li.hover h6 {
} }
#detailGraphPadding { #detailGraphPadding {
padding-right: 31px !important;
margin-left: -2px !important;
margin-top: -12px !important; margin-top: -12px !important;
} }
.dashboardContent .arangoTab {
border-bottom: 0 !important;
}
#statSwitch { #statSwitch {
margin-right: -40px; margin-right: 15px;
}
#dashboardDropdownOut {
padding-bottom: 5px;
background-color: transparent !important;
} }
#dashboardDropdown { #dashboardDropdown {
background-color: rgba(0,0,0,0.1) !important;
min-height: 230px !important; min-height: 230px !important;
} }

3
html/admin/css/queryView.css
View File

@ -46,7 +46,7 @@
height: 10px !important; height: 10px !important;
margin-right: 5px; margin-right: 5px;
margin-left: 5px; margin-left: 5px;
top: 3px; top: 2px;
} }
@ -118,6 +118,7 @@
#submitQueryButton { #submitQueryButton {
float: right; float: right;
margin-bottom: 5px; margin-bottom: 5px;
margin-top: 5px;
} }
.querynavbar { .querynavbar {

19
html/admin/js/templates/dashboardView.ejs
View File

@ -7,24 +7,6 @@
<div class="pagination pagination-small pull-right btn-group"> <div class="pagination pagination-small pull-right btn-group">
<ul><li class="enabled"><a id="dashboardToggle"><span class="glyphicon glyphicon-cog" title="Settings"></span></a></li></ul> <ul><li class="enabled"><a id="dashboardToggle"><span class="glyphicon glyphicon-cog" title="Settings"></span></a></li></ul>
</div> </div>
<!-- /btn-group -->
<div class="btn-group pull-right">
<button data-toggle="dropdown" class="btn btn-inverse btn-small dropdown-toggle">Filter <span class="caret"></span></button>
<!--<div id="menuGroups" class="dropdown-menu" role="menu">
</div>--!>
</div>
<!-- /btn-group -->
<!-- /btn-group update interval-->
<div class="btn-group pull-right">
<button data-toggle="dropdown" class="btn btn-inverse btn-small dropdown-toggle">Interval <span class="caret"></span></button>
</div>
<!-- /btn-group -->
</div> </div>
<div id="dashboardDropdownOut"> <div id="dashboardDropdownOut">
@ -41,6 +23,7 @@
</div> </div>
</ul> </ul>
<div class="containerdivNewLine"/> <div class="containerdivNewLine"/>
<ul class="thumbnails dashboardContent"> <ul class="thumbnails dashboardContent">

2
html/admin/js/views/dashboardView.js
View File

@ -73,7 +73,7 @@ var dashboardView = Backbone.View.extend({
events: { events: {
"click .dashboard-dropdown li" : "checkEnabled", "click .dashboard-dropdown li" : "checkEnabled",
"click .interval-dropdown li" : "checkInterval", "click .dashboard-dropdown li" : "checkInterval",
"click .db-zoom" : "renderDetailChart", "click .db-zoom" : "renderDetailChart",
"click .db-minimize" : "checkDetailChart", "click .db-minimize" : "checkDetailChart",
"click .db-hide" : "hideChart", "click .db-hide" : "hideChart",