Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_treeview.scss
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
---|---|---|---|---|---|
2 | 2 | | |||
3 | @mixin item-highlight-middle { | 3 | @mixin item-hover-middle { | ||
4 | @if $new-highlight { | ||||
5 | background-color: gtk("@theme_selected_bg_color"); | ||||
6 | border-left-color: gtk("@theme_selected_fg_color"); | ||||
7 | border-top-color: gtk("@theme_selected_fg_color"); | ||||
8 | } @else { | ||||
9 | background-color: gtkalpha("@theme_selected_bg_color", 0.3); | ||||
10 | border-left-color: gtk("@theme_fg_color"); | ||||
11 | border-top-color: gtk("@theme_fg_color"); | ||||
12 | } | ||||
13 | } | ||||
14 | | ||||
15 | @mixin item-selected-middle { | ||||
4 | @if $new-highlight { | 16 | @if $new-highlight { | ||
5 | background-color: gtkalpha(gtk("@theme_button_decoration_focus"), 0.3); | 17 | background-color: gtkalpha(gtk("@theme_button_decoration_focus"), 0.3); | ||
6 | color: gtk("@theme_button_foreground_active"); | 18 | color: gtk("@theme_button_foreground_active"); | ||
7 | border: 1px solid gtk("@theme_button_decoration_focus"); | 19 | border: 1px solid gtk("@theme_button_decoration_focus"); | ||
8 | border-left: 0; | 20 | border-left: 0; | ||
9 | border-right: 0; | 21 | border-right: 0; | ||
10 | border-radius: 0px; | 22 | border-radius: 0px; | ||
11 | } @else { | 23 | } @else { | ||
12 | background-color: gtk("@theme_selected_bg_color"); | 24 | background-color: gtk("@theme_selected_bg_color"); | ||
13 | border-left-color: gtk("@theme_selected_fg_color"); | 25 | border-left-color: gtk("@theme_selected_fg_color"); | ||
14 | border-top-color: gtk("@theme_selected_fg_color"); | 26 | border-top-color: gtk("@theme_selected_fg_color"); | ||
15 | } | 27 | } | ||
16 | } | 28 | } | ||
17 | 29 | | |||
18 | @mixin item-highlight-middle-backdrop { | 30 | @mixin item-selected-middle-backdrop { | ||
19 | @if $new-highlight { | 31 | @if $new-highlight { | ||
20 | background-color: gtkalpha(gtk("@theme_button_decoration_focus_backdrop"), 0.3); | 32 | background-color: gtkalpha(gtk("@theme_button_decoration_focus_backdrop"), 0.3); | ||
21 | color: gtk("@theme_button_foreground_active_backdrop"); | 33 | color: gtk("@theme_button_foreground_active_backdrop"); | ||
22 | border: 1px solid gtk("@theme_button_decoration_focus_backdrop"); | 34 | border: 1px solid gtk("@theme_button_decoration_focus_backdrop"); | ||
23 | border-left: 0; | 35 | border-left: 0; | ||
24 | border-right: 0; | 36 | border-right: 0; | ||
25 | border-radius: 0px; | 37 | border-radius: 0px; | ||
26 | } @else { | 38 | } @else { | ||
Show All 16 Lines | 48 | treeview.view { | |||
43 | border-left-color: gtk("@borders"); // this is actually the tree lines color, | 55 | border-left-color: gtk("@borders"); // this is actually the tree lines color, | ||
44 | border-top-color: transparent; // while this is the grid lines color, better then nothing | 56 | border-top-color: transparent; // while this is the grid lines color, better then nothing | ||
45 | 57 | | |||
46 | rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props | 58 | rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props | ||
47 | 59 | | |||
48 | &:selected { border-radius: 0; } // rest border radius in lists | 60 | &:selected { border-radius: 0; } // rest border radius in lists | ||
49 | 61 | | |||
50 | &:hover { | 62 | &:hover { | ||
51 | @include item-highlight-middle(); | 63 | @include item-hover-middle(); | ||
52 | } | 64 | } | ||
53 | 65 | | |||
54 | &:selected { | 66 | &:selected { | ||
55 | @include item-highlight-middle(); | 67 | @include item-selected-middle(); | ||
56 | } | 68 | } | ||
57 | 69 | | |||
58 | &:backdrop:selected { | 70 | &:backdrop:selected { | ||
59 | @include item-highlight-middle-backdrop(); | 71 | @include item-selected-middle-backdrop(); | ||
60 | } | 72 | } | ||
61 | 73 | | |||
62 | &:disabled { | 74 | &:disabled { | ||
63 | color: gtk("@insensitive_borders"); | 75 | color: gtk("@insensitive_borders"); | ||
64 | &:selected { | 76 | &:selected { | ||
65 | color: gtk("@insensitive_selected_fg_color"); | 77 | color: gtk("@insensitive_selected_fg_color"); | ||
66 | &:backdrop { color: gtk("@insensitive_unfocused_selected_fg_color"); } | 78 | &:backdrop { color: gtk("@insensitive_unfocused_selected_fg_color"); } | ||
67 | } | 79 | } | ||
▲ Show 20 Lines • Show All 102 Lines • Show Last 20 Lines |