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 }