* Treeview progressbar numix style.
parent
d7c90b40bd
commit
0a8fca7d2f
|
@ -62,9 +62,8 @@
|
||||||
background-color: $base_color;
|
background-color: $base_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border-color: shade($base_color, .85);
|
border-color: shade($base_color, .85);
|
||||||
label {
|
|
||||||
color: $text_color;
|
//label { color: $text_color; }
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.top {
|
&.top {
|
||||||
|
|
|
@ -48,6 +48,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.frame, frame { border-width: 0; }
|
.frame, frame { border-width: 0; }
|
||||||
|
|
||||||
.sidebar-icon {
|
.sidebar-icon {
|
||||||
padding-left: $spacing * 2;
|
padding-left: $spacing * 2;
|
||||||
padding-right: $spacing * 2;
|
padding-right: $spacing * 2;
|
||||||
|
|
|
@ -167,39 +167,46 @@
|
||||||
@if $variant == light { color: $base_color; }
|
@if $variant == light { color: $base_color; }
|
||||||
|
|
||||||
border: 1px solid $selected_borders_color;
|
border: 1px solid $selected_borders_color;
|
||||||
border-radius: 4px;
|
|
||||||
background-color: $selected_bg_color;
|
background-color: $selected_bg_color;
|
||||||
background-image: linear-gradient(to bottom, $selected_bg_color, darken($selected_bg_color,10%));
|
//background-image: linear-gradient(to bottom, $selected_bg_color, darken($selected_bg_color, .1));
|
||||||
box-shadow: inset 0 1px if($variant == 'light', transparentize(white,0.7), transparentize(white,0.85)),
|
box-shadow: inset 0 1px if($variant == 'light', transparentize(white, .7), transparentize(white, .85)),
|
||||||
0 1px if($variant == 'light', transparentize(black, 0.8), transparentize(black,0.9));
|
0 1px if($variant == 'light', transparentize(black, .8), transparentize(black, .9));
|
||||||
|
|
||||||
&:selected {
|
&:selected {
|
||||||
&:focus, & {
|
&:focus, & {
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
@if $variant == 'light' {
|
@if $variant == 'light' {
|
||||||
color: $selected_bg_color;
|
color: $selected_fg_color;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
} @else { box-shadow: inset 0 1px transparentize(white, 0.95); }
|
} @else {
|
||||||
|
box-shadow: inset 0 1px transparentize(white, .95);
|
||||||
|
}
|
||||||
|
|
||||||
background-image: linear-gradient(to bottom,
|
background-color: linear-gradient(to bottom, $base_color, darken($base_color, .1));
|
||||||
$base_color,
|
|
||||||
darken($base_color,10%));
|
|
||||||
|
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
@if $variant == 'light' {
|
@if $variant == 'light' {
|
||||||
color: $selected_bg_color;
|
color: $selected_bg_color;
|
||||||
border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?)
|
border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?)
|
||||||
} @else { border-color: $backdrop_base_color; }
|
} @else {
|
||||||
|
border-color: $backdrop_base_color;
|
||||||
|
}
|
||||||
|
|
||||||
background-color: $backdrop_base_color;
|
background-color: $backdrop_base_color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:disabled {
|
||||||
|
@include linear-gradient($bg_color);
|
||||||
|
border-color: border_disabled($bg_color);
|
||||||
|
}
|
||||||
|
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
@if $variant == 'light' { color: $backdrop_base_color;
|
@if $variant == 'light' {
|
||||||
} @else { border-color: $backdrop_base_color; }
|
color: $backdrop_base_color;
|
||||||
|
} @else {
|
||||||
|
border-color: $backdrop_base_color;
|
||||||
|
}
|
||||||
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -207,15 +214,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.trough { // progress bar trough in treeviews
|
&.trough { // progress bar trough in treeviews
|
||||||
background-color: transparentize($fg_color,0.9);
|
background-color: transparentize($fg_color, .9);
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
&:selected {
|
&:selected {
|
||||||
&:focus, & {
|
&:focus, & {
|
||||||
background-color: if($variant == 'light',
|
background-color: if($variant == 'light', transparentize($selected_fg_color, .7), darken($selected_bg_color, .1));
|
||||||
transparentize($selected_fg_color, 0.7),
|
|
||||||
darken($selected_bg_color, 10%));
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
@if $variant == 'light' {
|
@if $variant == 'light' {
|
||||||
border-width: 1px 0;
|
border-width: 1px 0;
|
||||||
|
@ -224,6 +227,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:disabled { background-color: $base_color; }
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
|
|
Loading…
Reference in New Issue