_dash.scss
ASCII text
1/* Dash */ 2 3@use "../../../../theme"; 4@use "../../../../theme-color"; 5@use "../../../../shadow"; 6@use "../../gnome-shell"; 7@use "overview"; 8 9$spacing: 6px; 10$margin: 12px; 11 12#dash { 13font-size: 1em; 14 15@if gnome-shell.$version >= 40 { 16margin-top: 0; 17padding: $margin $margin 0; 18 19.overview-icon { 20// Same as normal .overview-icon 21padding: 6px; 22} 23} @else { 24@include overview.panel; 25padding: ($spacing / 2) 0; 26border-left-width: 0; 27border-radius: 0 theme.$corner-radius theme.$corner-radius 0; 28 29&:rtl { 30border-right-width: 0; 31border-radius: theme.$corner-radius 0 0 theme.$corner-radius; 32} 33} 34 35.placeholder { 36height: 24px; 37background-image: url("assets/dash-placeholder.svg"); 38background-size: contain; 39} 40 41.empty-dash-drop-target { 42width: 24px; 43height: 24px; 44} 45} 46 47@if gnome-shell.$version >= 40 { 48.dash-background { 49margin-bottom: 0; 50padding: $spacing ($spacing / 2); 51border-radius: theme.$corner-radius theme.$corner-radius 0 0; 52background-color: theme-color.fill(overview.$on-color); 53} 54 55// Dash Items 56.dash-item-container .app-well-app, 57.show-apps { 58padding: $spacing ($spacing / 2); 59} 60 61.dash-separator { 62width: 1px; 63margin: $spacing ($spacing / 2); 64background-color: theme-color.stroke(overview.$on-color); 65} 66} @else { 67// Dash Items 68.dash-item-container > StWidget { 69padding: ($spacing / 2) $spacing; 70} 71} 72 73// OSD Tooltip 74.dash-label { 75// min-height: 32px - 6px * 2; 76padding: 7px 8px; 77border: 0; 78border-radius: theme.$corner-radius; 79box-shadow: shadow.$z4; 80background-color: theme-color.$surface-z8; 81color: theme-color.$on-surface; 82text-align: center; 83 84// distance from the dash edge 85@if gnome-shell.$version >= 40 { 86-y-offset: 8px; 87} @else { 88-x-offset: 8px; 89} 90} 91 92// Show apps button 93.show-apps { 94@include overview.icon; 95color: theme-color.hint(overview.$on-color); 96 97&:checked { 98color: overview.$on-color; 99} 100} 101