Просмотр исходного кода

ux(): button style tweaks, align with grafana.net styles more

Torkel Ödegaard 9 лет назад
Родитель
Сommit
9c2809a1a4

+ 5 - 5
public/sass/_variables.dark.scss

@@ -126,22 +126,22 @@ $btn-primary-bg-hl:           lighten($brand-primary, 8%);
 $btn-secondary-bg:            $blue-dark;
 $btn-secondary-bg-hl:     		lighten($blue-dark, 3%);
 
-$btn-success-bg-hl:     	    darken($green, 3%);
 $btn-success-bg:              lighten($green, 3%);
+$btn-success-bg-hl:     	    darken($green, 3%);
 
 $btn-warning-bg:              $brand-warning;
 $btn-warning-bg-hl:     	    lighten($brand-warning, 8%);
 
-$btn-danger-bg:               lighten($red, 3%);
-$btn-danger-bg-hl:            darken($red, 3%);
+$btn-danger-bg:               $red;
+$btn-danger-bg-hl:            lighten($red, 5%);
 
 $btn-inverse-bg:              $dark-3;
-$btn-inverse-bg-hl:     	    lighten($dark-3, 1%);
+$btn-inverse-bg-hl:     	    lighten($dark-3, 4%);
 $btn-inverse-text-color:      $link-color;
 
 $btn-link-color:              $gray-3;
 
-$iconContainerBackground:	  $black;
+$iconContainerBackground:	    $black;
 
 // Forms
 // -------------------------

+ 1 - 1
public/sass/_variables.scss

@@ -216,7 +216,7 @@ $btn-padding-y-sm:               .25rem !default;
 $btn-padding-x-lg:               1.5rem !default;
 $btn-padding-y-lg:               .75rem !default;
 
-$btn-border-radius:              3px;
+$btn-border-radius:              2px;
 
 // sidemenu
 $side-menu-width:  14rem;

+ 3 - 2
public/sass/components/_buttons.scss

@@ -95,8 +95,9 @@
 // Inverse appears as dark gray
 .btn-inverse {
   @include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl, $btn-inverse-text-color);
-  box-shadow: none;
-  border: 1px solid $tight-form-func-highlight-bg;
+  //background: $card-background;
+  box-shadow: $card-shadow;
+  //border: 1px solid $tight-form-func-highlight-bg;
 }
 
 .btn-outline-primary {

+ 1 - 2
public/sass/mixins/_mixins.scss

@@ -282,8 +282,7 @@
   color: $text-color;
   text-shadow: $textShadow;
   @include gradient-vertical($primaryColor, $secondaryColor);
-  border-color: $secondaryColor $secondaryColor darken($secondaryColor, 15%);
-  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
+  border-color: $primaryColor;
 }
 
 // Gradients