Преглед изворни кода

feat(css): minor css tweaks

Torkel Ödegaard пре 10 година
родитељ
комит
80e15dd754

+ 0 - 1
public/app/plugins/panel/singlestat/controller.ts

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

+ 2 - 2
public/less/search.less

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

+ 2 - 1
public/less/sidemenu.less

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

+ 4 - 0
public/less/variables.dark.less

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

+ 5 - 1
public/less/variables.light.less

@@ -177,6 +177,10 @@
 @sideMenuBorder:                1px solid @grafanaTargetBorder;
 @sideMenuBackground:            @grafanaPanelBackground;
 @sideMenuBackgroundHighlight:   darken(@sideMenuBackground, 4%);
+@sideMenuShadow: 0 5px 30px 0 lighten(@grayLight, 30%);
+
+// search
+@searchShadow: 0 5px 30px 0 lighten(@grayLight, 30%);
 
 // Dropdowns
 // -------------------------
@@ -254,7 +258,7 @@
 @navbarLinkColorActive:           #555;
 @navbarLinkBackgroundHover:       transparent;
 @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;