Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_lists.scss
| 1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
|---|---|---|---|---|---|
| 2 | 2 | | |||
| 3 | /********* | 3 | /********* | ||
| 4 | * Lists * | 4 | * Lists * | ||
| 5 | *********/ | 5 | *********/ | ||
| 6 | 6 | | |||
| 7 | @mixin list-item-highlight { | ||||
| 8 | @if $new-highlight { | ||||
| 9 | background-color: gtk("@theme_selected_bg_color"); | ||||
| 10 | color: gtk("@theme_button_foreground_active"); | ||||
| 11 | border-top: 1px solid gtk("@theme_button_decoration_focus"); | ||||
| 12 | border-bottom: 1px solid gtk("@theme_button_decoration_focus"); | ||||
| 13 | border-radius: 0px; | ||||
| 14 | } @else { | ||||
| 15 | background-color: gtk("@theme_selected_bg_color"); | ||||
| 16 | } | ||||
| 17 | } | ||||
| 18 | | ||||
| 7 | list { | 19 | list { | ||
| 8 | background-color: w_color(normal); | 20 | background-color: gtk("@theme_bg_color"); | ||
| 9 | color: w_color(text); | 21 | color: gtk("@theme_fg_color"); | ||
| 10 | border-width: 0px; | 22 | border-width: 0px; | ||
| 11 | &:backdrop { | 23 | &:backdrop { | ||
| 12 | background-color: backdrop(w_color(normal)); | 24 | background-color: gtk("@theme_unfocused_bg_color"); | ||
| 13 | color: backdrop(w_color(text)); | 25 | color: gtk("@theme_unfocused_fg_color"); | ||
| 14 | } | 26 | } | ||
| 15 | row { padding: 2px; } | 27 | row { padding: 2px; } | ||
| 16 | } | 28 | } | ||
| 17 | 29 | | |||
| 18 | row { | 30 | row { | ||
| 19 | transition: all 150ms $ease-out-quad; | 31 | transition: all 150ms $ease-out-quad; | ||
| 20 | 32 | | |||
| 21 | &:hover { transition: none; } | 33 | &:hover { transition: none; } | ||
| 22 | 34 | | |||
| 23 | &.activatable { | 35 | &.activatable { | ||
| 36 | @if $new-highlight { | ||||
| 37 | border: 1px solid transparent; | ||||
| 38 | } | ||||
| 39 | | ||||
| 24 | &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 | 40 | &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 | ||
| 25 | 41 | | |||
| 26 | &:hover { background-color: transparentize(s_color(normal), 0.5); } | 42 | &:hover { | ||
| 43 | @include list-item-highlight(); | ||||
| 44 | } | ||||
| 27 | 45 | | |||
| 28 | &:active { | 46 | &:active { | ||
| 29 | box-shadow: none; | 47 | box-shadow: none; | ||
| 30 | background-color: s_color(normal); | 48 | @include list-item-highlight(); | ||
| 31 | } | 49 | } | ||
| 32 | 50 | | |||
| 33 | &:selected { | 51 | &:selected { | ||
| 34 | &:active { | 52 | &:active { | ||
| 35 | box-shadow: none; | 53 | box-shadow: none; | ||
| 36 | background-color: s_color(normal); | 54 | @include list-item-highlight(); | ||
| 37 | } | 55 | } | ||
| 38 | 56 | | |||
| 39 | &.has-open-popup, | 57 | &.has-open-popup, | ||
| 40 | &:hover { | 58 | &:hover { | ||
| 41 | color: w_color(text); | 59 | @include list-item-highlight(); | ||
| 42 | background-color: s_color(hover); | | |||
| 43 | } | 60 | } | ||
| 44 | 61 | | |||
| 45 | &:backdrop { background-color: backdrop(s_color(normal)); } | 62 | &:backdrop { | ||
| 63 | background-color: gtk("@theme_unfocused_selected_bg_color_alt"); | ||||
| 64 | } | ||||
| 46 | } | 65 | } | ||
| 47 | } | 66 | } | ||
| 48 | 67 | | |||
| 49 | &:selected { @extend %selected_items; } | 68 | &:selected { @extend %selected_items; } | ||
| 50 | } | 69 | } | ||
| 70 | No newline at end of file | ||||