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 }