* Treeview progressbar numix style.

pull/315/head
Megax 2016-04-10 17:30:02 +02:00
parent d7c90b40bd
commit 0a8fca7d2f
3 changed files with 28 additions and 23 deletions

View File

@ -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 {

View File

@ -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;

View File

@ -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 {