Warning, /plasma/breeze-gtk/src/gtk3/widgets/_treeview.scss is written in an unsupported language. File is not indexed.

0001 @charset "UTF-8";
0002 
0003 @mixin item-hover-middle {
0004         @if $new-highlight {
0005                 background-color: gtk("@theme_selected_bg_color");
0006                 border-left-color: gtk("@theme_selected_fg_color");
0007                 border-top-color: gtk("@theme_selected_fg_color");
0008         } @else {
0009                 background-color: gtkalpha(
0010                         gtk("@theme_selected_bg_color"),
0011                         0.3
0012                 );
0013                 border-left-color: gtk("@theme_fg_color");
0014                 border-top-color: gtk("@theme_fg_color");
0015         }
0016 }
0017 
0018 @mixin item-selected-middle {
0019         @if $new-highlight {
0020                 background-color: gtkalpha(
0021                         gtk("@theme_button_decoration_focus"),
0022                         0.3
0023                 );
0024                 color: gtk("@theme_button_foreground_active");
0025                 border: 1px solid gtk("@theme_button_decoration_focus");
0026                 border-left: 0;
0027                 border-right: 0;
0028                 border-radius: 0px;
0029         } @else {
0030                 background-color: gtk("@theme_selected_bg_color");
0031                 border-left-color: gtk("@theme_selected_fg_color");
0032                 border-top-color: gtk("@theme_selected_fg_color");
0033         }
0034 }
0035 
0036 @mixin item-selected-middle-backdrop {
0037         @if $new-highlight {
0038                 background-color: gtkalpha(
0039                         gtk("@theme_button_decoration_focus_backdrop"),
0040                         0.3
0041                 );
0042                 color: gtk("@theme_button_foreground_active_backdrop");
0043                 border: 1px
0044                         solid
0045                         gtk("@theme_button_decoration_focus_backdrop");
0046                 border-left: 0;
0047                 border-right: 0;
0048                 border-radius: 0px;
0049         } @else {
0050                 background-color: gtk(
0051                         "@theme_unfocused_selected_bg_color"
0052                 );
0053                 border-left-color: gtk(
0054                         "@theme_unfocused_selected_fg_color"
0055                 );
0056                 border-top-color: gtk(
0057                         "@theme_unfocused_selected_fg_color"
0058                 );
0059         }
0060 }
0061 
0062 /**************
0063  * Tree Views *
0064  **************/
0065 treeview.view {
0066         -GtkTreeview-grid-line-width: 0;
0067         -GtkTreeview-grid-line-pattern: "";
0068         -GtkTreeview-tree-line-width: 1;
0069         -GtkTreeview-tree-line-pattern: "";
0070         -GtkTreeview-expander-size: 16;
0071 
0072         border-left-color: gtk(
0073                 "@borders"
0074         ); // this is actually the tree lines color,
0075         border-top-color: transparent; // while this is the grid lines color, better then nothing
0076 
0077         rubberband {
0078                 @extend rubberband;
0079         } // to avoid borders being overridden by the previously set props
0080 
0081         &:selected {
0082                 border-radius: 0;
0083         } // rest border radius in lists
0084 
0085         &:hover {
0086                 @include item-hover-middle();
0087         }
0088 
0089         &:selected {
0090                 @include item-selected-middle();
0091         }
0092 
0093         &:backdrop:selected {
0094                 @include item-selected-middle-backdrop();
0095         }
0096 
0097         &:disabled {
0098                 color: gtk("@insensitive_fg_color");
0099                 &:selected {
0100                         color: gtk("@insensitive_selected_fg_color");
0101                         &:backdrop {
0102                                 color: gtk(
0103                                         "@insensitive_unfocused_selected_fg_color"
0104                                 );
0105                         }
0106                 }
0107                 &:backdrop {
0108                         color: gtk("@insensitive_unfocused_fg_color");
0109                 }
0110         }
0111         &.separator {
0112                 min-height: 2px;
0113                 color: gtk("@borders");
0114         }
0115         &.separator:backdrop {
0116                 color: gtk("@unfocused_borders");
0117         }
0118 
0119         &:backdrop {
0120                 border-left-color: gtk("@unfocused_borders");
0121         }
0122 
0123         &:drop(active) {
0124                 border-style: solid none;
0125                 border-width: 1px;
0126                 border-color: gtk("@theme_button_decoration_hover");
0127         }
0128 
0129         &.expander {
0130                 // GtkTreeView uses the larger of the expander’s min-width and min-height
0131                 min-width: 16px;
0132                 min-height: 16px;
0133                 -gtk-icon-source: -gtk-icontheme($arrow_right);
0134                 color: gtk("@theme_fg_color");
0135                 &:dir(rtl) {
0136                         -gtk-icon-source: -gtk-icontheme(
0137                                 "go-next-rtl-symbolic"
0138                         );
0139                 }
0140                 &:hover {
0141                         color: gtk("@theme_button_decoration_hover");
0142                 }
0143                 &:selected {
0144                         color: gtk("@theme_selected_fg_color");
0145                 }
0146                 &:checked {
0147                         -gtk-icon-source: -gtk-icontheme($arrow_down);
0148                         &:selected {
0149                                 color: gtk("@theme_selected_fg_color");
0150                         }
0151                 }
0152         }
0153         header {
0154                 button {
0155                         @extend %column_header_button;
0156                         color: gtk("@theme_button_foreground_normal");
0157                         background-color: gtk(
0158                                 "@theme_button_background_normal"
0159                         );
0160                         text-shadow: none;
0161                         box-shadow: none;
0162                         &:hover {
0163                                 @extend %column_header_button;
0164                                 color: gtk("@theme_button_foreground_normal");
0165                                 background-color: gtkalpha(
0166                                         gtk("@theme_button_decoration_hover"),
0167                                         0.5
0168                                 );
0169                                 box-shadow: none;
0170                         }
0171                         &:active {
0172                                 @extend %column_header_button;
0173                                 color: gtk("@theme_button_foreground_normal");
0174                                 background-color: gtkalpha(
0175                                         gtk("@theme_button_decoration_hover"),
0176                                         0.5
0177                                 );
0178                         }
0179                 }
0180                 button:last-child {
0181                         &:backdrop,
0182                         & {
0183                                 border-right-style: none;
0184                         }
0185                 }
0186         }
0187         button.dnd,
0188         header.button.dnd {
0189                 // for treeview-like derive widgets
0190                 &:active,
0191                 &:selected,
0192                 &:hover,
0193                 & {
0194                         padding: 0 6px;
0195                         color: gtk("@theme_selected_fg_color");
0196                         background-image: none;
0197                         background-color: gtk("@theme_selected_bg_color");
0198                         border-style: none;
0199                         border-radius: 0;
0200                         box-shadow: none;
0201                         text-shadow: none;
0202                 }
0203         }
0204 }
0205 
0206 %column_header_button {
0207         padding: 6px;
0208         border-style: none solid solid none;
0209         border-radius: 0;
0210         background-image: none;
0211         border-color: gtk("@borders");
0212         text-shadow: none;
0213         &:disabled {
0214                 border-color: gtk("@insensitive_borders");
0215                 color: gtk("@theme_button_foreground_insensitive");
0216                 background-color: gtk(
0217                         "@theme_button_background_insensitive"
0218                 );
0219                 background-image: none;
0220         }
0221         &:backdrop {
0222                 border-color: gtk("@unfocused_borders");
0223                 border-style: none solid solid none;
0224                 color: gtk("@theme_button_foreground_backdrop");
0225                 background-image: none;
0226                 background-color: gtk(
0227                         "@theme_button_background_backdrop"
0228                 );
0229                 &:disabled {
0230                         border-color: gtk("@unfocused_insensitive_borders");
0231                         background-image: none;
0232                         background-color: gtk(
0233                                 "@theme_button_background_backdrop_insensitive"
0234                         );
0235                         color: gtk(
0236                                 "@theme_button_foreground_backdrop_insensitive"
0237                         );
0238                 }
0239         }
0240 }