IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-01-08 23:23:45 -06:00
Code Issues Packages Projects Releases Wiki Activity

switch style tweaks

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-11-16 12:45:19 -08:00
parent ad8e9ae691
commit 8d39ca76be
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/core/components/Switch/Switch.tsx
View File

@ -44,7 +44,7 @@ export class Switch extends PureComponent<Props, State> {
)}
<div className={switchClassName}>
<input id={labelId} type="checkbox" checked={checked} onChange={this.internalOnChange} />
<span class="gf-form-switch__slider" />
<span className="gf-form-switch__slider" />
</div>
</div>
);

2
public/sass/_variables.dark.scss
View File

@ -358,7 +358,7 @@ $variable-option-bg: $blue-dark;
//Switch Slider
// -------------------------
$switch-bg: $black;
$switch-bg: $input-bg;
$switch-slider-color: $dark-2;
$switch-slider-off-bg: $gray-1;
$switch-slider-on-bg: linear-gradient(90deg, $orange, $red);

2
public/sass/components/_switch.scss
View File

@ -98,6 +98,8 @@ gf-form-switch[disabled] {
width: 60px;
height: 34px;
background: $switch-bg;
border: 1px solid $input-border-color;
border-left: none;
input {
opacity: 0;