feat(css): minor css tweaks

This commit is contained in:
Torkel Ödegaard 2016-02-03 19:41:39 +01:00
parent de394311e0
commit 80e15dd754
5 changed files with 13 additions and 5 deletions

View File

@ -50,7 +50,6 @@ export class SingleStatCtrl extends MetricsPanelCtrl {
_.defaults(this.panel, panelDefaults); _.defaults(this.panel, panelDefaults);
} }
initEditMode() { initEditMode() {
super.initEditMode(); super.initEditMode();
this.icon = "fa fa-dashboard"; this.icon = "fa fa-dashboard";

View File

@ -5,10 +5,10 @@
z-index: 1000; z-index: 1000;
position: absolute; position: absolute;
width: 700px; width: 700px;
box-shadow: 0px 0px 55px 0px black; box-shadow: @searchShadow;
padding: 10px; padding: 10px;
background-color: @grafanaPanelBackground; background-color: @grafanaPanelBackground;
border: 1px solid @grafanaTargetFuncBackground; border: @grafanaPanelBorder;
.label-tag { .label-tag {
margin-left: 6px; margin-left: 6px;

View File

@ -12,6 +12,7 @@
z-index: 101; z-index: 101;
transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
visibility: hidden; visibility: hidden;
box-shadow: @sideMenuShadow;
a:focus { a:focus {
text-decoration: none; text-decoration: none;
@ -191,7 +192,7 @@
.sidemenu-org { .sidemenu-org {
border-bottom: @sideMenuBorder; border-bottom: @sideMenuBorder;
box-shadow: @sideMenuTopShadow; //box-shadow: @sideMenuTopShadow;
padding: 17px 10px 15px 21px; padding: 17px 10px 15px 21px;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;

View File

@ -163,6 +163,10 @@
@sideMenuBorder: 1px solid @bodyBackground; @sideMenuBorder: 1px solid @bodyBackground;
@sideMenuBackground: @grayDark; @sideMenuBackground: @grayDark;
@sideMenuBackgroundHighlight: lighten(@grayDark, 4%); @sideMenuBackgroundHighlight: lighten(@grayDark, 4%);
@sideMenuShadow: 0 0 35px 0 @bodyBackground;
// Search
@searchShadow: 0 0 35px 0 @bodyBackground;
// Dropdowns // Dropdowns
// ------------------------- // -------------------------

View File

@ -177,6 +177,10 @@
@sideMenuBorder: 1px solid @grafanaTargetBorder; @sideMenuBorder: 1px solid @grafanaTargetBorder;
@sideMenuBackground: @grafanaPanelBackground; @sideMenuBackground: @grafanaPanelBackground;
@sideMenuBackgroundHighlight: darken(@sideMenuBackground, 4%); @sideMenuBackgroundHighlight: darken(@sideMenuBackground, 4%);
@sideMenuShadow: 0 5px 30px 0 lighten(@grayLight, 30%);
// search
@searchShadow: 0 5px 30px 0 lighten(@grayLight, 30%);
// Dropdowns // Dropdowns
// ------------------------- // -------------------------
@ -254,7 +258,7 @@
@navbarLinkColorActive: #555; @navbarLinkColorActive: #555;
@navbarLinkBackgroundHover: transparent; @navbarLinkBackgroundHover: transparent;
@navbarLinkBackgroundActive: darken(@navbarBackground, 6.5%); @navbarLinkBackgroundActive: darken(@navbarBackground, 6.5%);
@navbarDropdownShadow: inset 0px 4px 10px -4px darken(@bodyBackground, 20%); @navbarDropdownShadow: inset 0px 4px 7px -4px darken(@bodyBackground, 20%);
@navbarBrandColor: @navbarLinkColor; @navbarBrandColor: @navbarLinkColor;