gtk: Update stacksidebar style based on Material Design guidelines

src/_sass/gtk/_common-3.20.scss

@@ -2967,8 +2967,8 @@ filechooserbutton:drop(active) {

                                
                                
                                
                            
                                
                                    
                                        
                                            2967  
                                              paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }}
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2968  
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2969  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2970 -
                                        stacksidebar {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2971 -
                                          &.sidebar {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2970 +
                                        stacksidebar.sidebar {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2971 +
                                          & {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2972  
                                                &:dir(ltr),
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2973  
                                                &.left,
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2974  
                                                &.left:dir(rtl) { list { @extend %sidebar_left; }}
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -2977,12 +2977,30 @@ stacksidebar {

                                
                                
                                
                            
                                
                                    
                                        
                                            2977  
                                                &.right { list { @extend %sidebar_right; }}
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2978  
                                              }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2979  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2980 +
                                          + separator.vertical,
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2981 +
                                          separator.horizontal { @extend %hide_separators; }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2982 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2983 +
                                          list {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2984 +
                                            padding: 4px;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2985 +
                                            background-color: $base-alt; // This should not be necessary, but the parent stacksidebar ignores background-color.
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2986 +
                                          }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2987 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2988  
                                              row {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2981 -
                                            padding: 10px 4px;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2989 +
                                            min-height: 32px;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2990 +
                                            padding: 0 8px - 6px;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2991 +
                                            border-radius: $corner-radius;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2992 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2993 +
                                            &:selected {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2994 +
                                              background-color: $overlay-checked;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2995 +
                                              font-weight: 500;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2996 +
                                            }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2997 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2998 +
                                            + row { margin-top: 4px; }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            2999  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3000  
                                                > label {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3001  
                                                  padding-left: 6px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3002  
                                                  padding-right: 6px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        3003 +
                                              color: inherit;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3004  
                                                }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3005  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3006  
                                                &.needs-attention > label { @extend %needs-attention; }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -3007,7 +3025,7 @@ row {

                                
                                
                                
                            
                                
                                    
                                        
                                            3025  
                                              image.sidebar-icon { color: $text-secondary; }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3026  
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3027  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        3010 -
                                        placessidebar {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        3028 +
                                        placessidebar.sidebar {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3029  
                                              > viewport.frame { border-style: none; }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3030  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            3031  
                                              list { padding: (4px - 3px) 0 4px; }