Warning, /plasma/breeze-gtk/src/gtk3/widgets/_sidebar.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8"; 0002 0003 /*********** 0004 * Sidebar * 0005 ***********/ 0006 0007 @mixin selected-item-highlight { 0008 @if $new-highlight { 0009 background-color: gtk("@theme_selected_bg_color"); 0010 color: gtk("@theme_button_foreground_active"); 0011 border-right: 3px 0012 solid 0013 gtk("@theme_button_decoration_focus"); 0014 border-top: 0; 0015 border-bottom: 0; 0016 border-left: 0; 0017 border-radius: 0px; 0018 } 0019 } 0020 @mixin selected-item-highlight-rtl { 0021 @if $new-highlight { 0022 background-color: gtk("@theme_selected_bg_color"); 0023 color: gtk("@theme_button_foreground_active"); 0024 border-left: 3px 0025 solid 0026 gtk("@theme_button_decoration_focus"); 0027 border-top: 0; 0028 border-bottom: 0; 0029 border-right: 0; 0030 border-radius: 0px; 0031 } 0032 } 0033 0034 .sidebar { 0035 border-radius: 0px; 0036 border-style: none; 0037 background-color: gtk("@theme_base_color"); 0038 0039 &:selected { 0040 @extend %selected_items; 0041 } 0042 0043 &:not(separator) { 0044 &:dir(ltr), 0045 &.left, 0046 &.left:dir(rtl) { 0047 border-right: 1px solid $ligh_border_color; 0048 border-left: none; 0049 } 0050 0051 &:dir(rtl), 0052 &.right { 0053 border-left: 1px solid $ligh_border_color; 0054 border-right: none; 0055 } 0056 } 0057 0058 .sidebar-header > separator { 0059 background-color: $ligh_border_color; 0060 } 0061 0062 row { 0063 &:hover { 0064 } 0065 0066 &.activatable { 0067 border: 0; 0068 &:dir(ltr) { 0069 border-right: 3px solid transparent; 0070 } 0071 &:dir(rtl) { 0072 border-left: 3px solid transparent; 0073 } 0074 0075 &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 0076 0077 &:hover:dir(ltr) { 0078 @include selected-item-highlight(); 0079 } 0080 &:hover:dir(rtl) { 0081 @include selected-item-highlight-rtl(); 0082 } 0083 0084 &:active:dir(ltr) { 0085 @include selected-item-highlight(); 0086 } 0087 &:active:dir(rtl) { 0088 @include selected-item-highlight-rtl(); 0089 } 0090 0091 &:selected { 0092 &:dir(ltr) { 0093 @include selected-item-highlight(); 0094 } 0095 &:dir(rtl) { 0096 @include selected-item-highlight-rtl(); 0097 } 0098 0099 &:active { 0100 &:dir(ltr) { 0101 @include selected-item-highlight(); 0102 } 0103 &:dir(rtl) { 0104 @include selected-item-highlight-rtl(); 0105 } 0106 } 0107 0108 &.has-open-popup, 0109 &:hover { 0110 &:dir(ltr) { 0111 @include selected-item-highlight(); 0112 } 0113 &:dir(rtl) { 0114 @include selected-item-highlight-rtl(); 0115 } 0116 } 0117 0118 &:backdrop { 0119 background-color: gtk( 0120 "@theme_unfocused_selected_bg_color_alt" 0121 ); 0122 } 0123 } 0124 } 0125 0126 &:selected { 0127 @extend %selected_items; 0128 } 0129 } 0130 paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} 0131 } 0132 separator.sidebar { 0133 background-color: gtk("@borders"); 0134 } 0135 0136 // Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color 0137 placessidebar { 0138 > viewport.frame { 0139 border-style: none; 0140 } 0141 0142 row { 0143 // Needs overriding of the GtkListBoxRow padding 0144 min-height: 36px; 0145 padding: 0px; 0146 0147 // Using margins/padding directly in the SidebarRow 0148 // will make the animation of the new bookmark row jump 0149 > revealer { 0150 padding: 0 14px; 0151 } 0152 0153 &:selected { 0154 color: gtk("@theme_selected_fg_color"); 0155 } 0156 0157 &:disabled { 0158 color: gtk("@insensitive_fg_color"); 0159 } 0160 0161 &:backdrop { 0162 color: gtk("@theme_unfocused_fg_color"); 0163 0164 &:selected { 0165 color: gtk( 0166 "@theme_unfocused_selected_bg_color_alt" 0167 ); 0168 } 0169 0170 &:disabled { 0171 color: gtk("@insensitive_unfocused_fg_color"); 0172 } 0173 } 0174 0175 image.sidebar-icon { 0176 &:dir(ltr) { 0177 padding-right: 8px; 0178 } 0179 &:dir(rtl) { 0180 padding-left: 8px; 0181 } 0182 } 0183 0184 label.sidebar-label { 0185 &:dir(ltr) { 0186 padding-right: 2px; 0187 } 0188 &:dir(rtl) { 0189 padding-left: 2px; 0190 } 0191 } 0192 0193 @at-root button.sidebar-button { 0194 @include neobutton(toolbutton); 0195 0196 min-height: 26px; 0197 min-width: 26px; 0198 margin-top: 3px; 0199 margin-bottom: 3px; 0200 padding: 0; 0201 } 0202 0203 // in the sidebar case it makes no sense to click the selected row 0204 &:selected:active { 0205 box-shadow: none; 0206 } 0207 0208 &.sidebar-placeholder-row { 0209 padding: 0 8px; 0210 min-height: 2px; 0211 background-image: none; 0212 background-clip: content-box; 0213 } 0214 0215 &.sidebar-new-bookmark-row { 0216 color: gtk("@theme_selected_bg_color"); 0217 } 0218 0219 // &:drop(active):not(:disabled) { 0220 // color: $drop_target_color; 0221 // box-shadow: inset 0 1px $drop_target_color, 0222 // inset 0 -1px $drop_target_color; 0223 // 0224 // &:selected { 0225 // color: $selected_fg_color; 0226 // background-color: $drop_target_color; 0227 // } 0228 // } 0229 } 0230 } 0231 0232 placesview { 0233 .server-list-button > image { 0234 -gtk-icon-transform: rotate(0turn); 0235 } 0236 0237 .server-list-button:checked > image { 0238 -gtk-icon-transform: rotate(-0.5turn); 0239 } 0240 0241 row.activatable:hover { 0242 background-color: transparent; 0243 } 0244 0245 // this selects the "connect to server" label 0246 > actionbar > revealer > box > label { 0247 padding-left: 8px; 0248 padding-right: 8px; 0249 } 0250 } 0251 0252 stacksidebar { 0253 &.sidebar { 0254 row { 0255 padding: 10px 4px; 0256 > label { 0257 padding-left: 6px; 0258 padding-right: 6px; 0259 } 0260 &.needs-attention > .label { 0261 @extend %needs_attention; 0262 background-size: 6px 6px, 0 0; 0263 } 0264 } 0265 } 0266 }