mirror of
https://github.com/grafana/grafana.git
synced 2025-01-15 19:22:34 -06:00
Trying to fix gf-form styles
This commit is contained in:
commit
9ae050f0e5
@ -8,10 +8,10 @@ $black: #000;
|
||||
|
||||
// -------------------------
|
||||
$black: #000;
|
||||
$dark-1: #141414;
|
||||
$dark-1: #141414;
|
||||
$dark-2: #1f1d1d;
|
||||
$dark-3: #262626;
|
||||
$dark-4: #333333;
|
||||
$dark-3: #292929;
|
||||
$dark-4: #373737;
|
||||
$dark-5: #444444;
|
||||
$gray-1: #555555;
|
||||
$gray-2: #7B7B7B;
|
||||
@ -139,19 +139,19 @@ $iconContainerBackground: $black;
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
$input-bg: lighten($dark-3,5%);
|
||||
$input-bg-disabled: #555;
|
||||
$input-bg: $dark-4;
|
||||
$input-bg-disabled: $dark-3;
|
||||
|
||||
$input-color: $gray-4;
|
||||
$input-border-color: lighten($dark-2,5%);
|
||||
$input-border-color: $dark-4;
|
||||
$input-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !default;
|
||||
$input-border-focus: $input-border-color !default;
|
||||
$input-box-shadow-focus: rgba(102,175,233,.6) !default;
|
||||
$input-color-placeholder: #999 !default;
|
||||
$input-label-bg: $dark-3;
|
||||
$input-color-placeholder: $gray-1 !default;
|
||||
$input-label-bg: $dark-3;
|
||||
|
||||
// Search
|
||||
$searchShadow: 0 0 35px 0 $body-bg;
|
||||
$search-shadow: 0 0 35px 0 $body-bg;
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
|
@ -13,10 +13,10 @@ $black: #000;
|
||||
|
||||
// -------------------------
|
||||
$black: #000;
|
||||
$dark-1: #141414;
|
||||
$dark-1: #141414;
|
||||
$dark-2: #1f1d1d;
|
||||
$dark-3: #262626;
|
||||
$dark-4: #333333;
|
||||
$dark-3: #292929;
|
||||
$dark-4: #373737;
|
||||
$dark-5: #444444;
|
||||
$gray-1: #555555;
|
||||
$gray-2: #7B7B7B;
|
||||
@ -164,7 +164,7 @@ $side-menu-bg: $body-bg;
|
||||
$side-menu-item-hover-bg: $gray-6;
|
||||
|
||||
// search
|
||||
$searchShadow: 0 5px 30px 0 lighten($gray-2, 30%);
|
||||
$search-shadow: 0 5px 30px 0 lighten($gray-2, 30%);
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
|
@ -86,7 +86,6 @@ $gf-form-label-margin: 0.2rem;
|
||||
// Placeholder
|
||||
&::placeholder {
|
||||
color: $input-color-placeholder;
|
||||
// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
@ -5,7 +5,7 @@
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
width: 700px;
|
||||
box-shadow: $searchShadow;
|
||||
box-shadow: $search-shadow;
|
||||
padding: 10px;
|
||||
background-color: $panel-bg;
|
||||
border: $panel-border;
|
||||
|
@ -18,7 +18,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
$color-page-hero-bg: #2e2e2e;
|
||||
.page-container {
|
||||
background-color: $page-bg;
|
||||
background-position: left;
|
||||
@ -30,7 +29,7 @@ $color-page-hero-bg: #2e2e2e;
|
||||
margin-left: 0;
|
||||
min-height: calc(100% - 54px);
|
||||
padding-bottom: $spacer * 5;
|
||||
background-image: linear-gradient(60deg, rgba(0, 0, 0, 0) 0%, lighten($page-bg, 5%) 98%);
|
||||
background-image: linear-gradient(60deg, rgba(0, 0, 0, 0) 0%, lighten($page-bg, 4%) 98%);
|
||||
}
|
||||
|
||||
.page-header {
|
||||
|
Loading…
Reference in New Issue
Block a user