Skip to content

N
nexpie-grafana-theme
Commit 9ae050f0 by Matt
Options

Trying to fix gf-form styles

parents 0f7d6a78 c77f9121
Showing with 12 additions and 14 deletions
public/sass/_variables.dark.scss
...@@ -10,8 +10,8 @@ $black: #000; ...@@ -10,8 +10,8 @@ $black: #000;
$black: #000; $black: #000;
$dark-1: #141414; $dark-1: #141414;
$dark-2: #1f1d1d; $dark-2: #1f1d1d;
$dark-3: #262626; $dark-3: #292929;
$dark-4: #333333; $dark-4: #373737;
$dark-5: #444444; $dark-5: #444444;
$gray-1: #555555; $gray-1: #555555;
$gray-2: #7B7B7B; $gray-2: #7B7B7B;
...@@ -139,19 +139,19 @@ $iconContainerBackground: $black; ...@@ -139,19 +139,19 @@ $iconContainerBackground: $black;
// Forms // Forms
// ------------------------- // -------------------------
$input-bg: lighten($dark-3,5%); $input-bg: $dark-4;
$input-bg-disabled: #555; $input-bg-disabled: $dark-3;
$input-color: $gray-4; $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-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !default;
$input-border-focus: $input-border-color !default; $input-border-focus: $input-border-color !default;
$input-box-shadow-focus: rgba(102,175,233,.6) !default; $input-box-shadow-focus: rgba(102,175,233,.6) !default;
$input-color-placeholder: #999 !default; $input-color-placeholder: $gray-1 !default;
$input-label-bg: $dark-3; $input-label-bg: $dark-3;
// Search // Search
$searchShadow: 0 0 35px 0 $body-bg; $search-shadow: 0 0 35px 0 $body-bg;
// Dropdowns // Dropdowns
// ------------------------- // -------------------------
......
public/sass/_variables.light.scss
...@@ -15,8 +15,8 @@ $black: #000; ...@@ -15,8 +15,8 @@ $black: #000;
$black: #000; $black: #000;
$dark-1: #141414; $dark-1: #141414;
$dark-2: #1f1d1d; $dark-2: #1f1d1d;
$dark-3: #262626; $dark-3: #292929;
$dark-4: #333333; $dark-4: #373737;
$dark-5: #444444; $dark-5: #444444;
$gray-1: #555555; $gray-1: #555555;
$gray-2: #7B7B7B; $gray-2: #7B7B7B;
...@@ -164,7 +164,7 @@ $side-menu-bg: $body-bg; ...@@ -164,7 +164,7 @@ $side-menu-bg: $body-bg;
$side-menu-item-hover-bg: $gray-6; $side-menu-item-hover-bg: $gray-6;
// search // search
$searchShadow: 0 5px 30px 0 lighten($gray-2, 30%); $search-shadow: 0 5px 30px 0 lighten($gray-2, 30%);
// Dropdowns // Dropdowns
// ------------------------- // -------------------------
......
public/sass/components/_gf-form.scss
...@@ -86,7 +86,6 @@ $gf-form-label-margin: 0.2rem; ...@@ -86,7 +86,6 @@ $gf-form-label-margin: 0.2rem;
// Placeholder // Placeholder
&::placeholder { &::placeholder {
color: $input-color-placeholder; color: $input-color-placeholder;
// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
opacity: 1; opacity: 1;
} }
......
public/sass/components/_search.scss
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
z-index: 1000; z-index: 1000;
position: absolute; position: absolute;
width: 700px; width: 700px;
box-shadow: $searchShadow; box-shadow: $search-shadow;
padding: 10px; padding: 10px;
background-color: $panel-bg; background-color: $panel-bg;
border: $panel-border; border: $panel-border;
......
public/sass/layout/_page.scss
...@@ -18,7 +18,6 @@ ...@@ -18,7 +18,6 @@
} }
} }
$color-page-hero-bg: #2e2e2e;
.page-container { .page-container {
background-color: $page-bg; background-color: $page-bg;
background-position: left; background-position: left;
...@@ -30,7 +29,7 @@ $color-page-hero-bg: #2e2e2e; ...@@ -30,7 +29,7 @@ $color-page-hero-bg: #2e2e2e;
margin-left: 0; margin-left: 0;
min-height: calc(100% - 54px); min-height: calc(100% - 54px);
padding-bottom: $spacer * 5; 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 { .page-header {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment