1// /*************************
2//  * Window-List Extension *
3//  *************************/
4
5.bottom-panel {
6  // .window-button-icon height +
7  // .window-button vertical padding +
8  // .window-button > StWidget vertical padding)
9  min-height: 30px; // = 2.25em
10  height: 2.2em;
11}
12
13.window-list {
14  spacing: 2px;
15  font-size: 100%;
16}
17
18.window-button {
19  padding: 1px;
20
21  &:first-child:ltr { padding-left: 2px; }
22  &:last-child:rtl { padding-right: 2px; }
23
24  &-box { spacing: 4px; }
25
26  > StWidget {
27    -st-natural-width: 18.75em;
28    max-width: 18.75em;
29    padding: 3px 6px 1px;
30    border-radius: 0;
31    background-color: $panel_hidden_bg;
32    background-gradient-drection: vertical;
33    background-gradient-start: $panel_hidden_bg;
34    background-gradient-end: $panel_hidden_bg;
35    color: $osd_sec_fg;
36    box-shadow: none;
37    text-shadow: none;
38  }
39
40  &:hover > StWidget {
41    background-gradient-drection: vertical;
42    background-gradient-start: $osd_semi_fill_bg;
43    background-gradient-end: $osd_semi_fill_bg;
44    color: $osd_fg;
45    box-shadow: inset 0 -2px $osd_out_fg;
46  }
47
48  &:active > StWidget,
49  &:focus > StWidget {
50    background-gradient-drection: vertical;
51    background-gradient-start: $osd_semi_fill_bg;
52    background-gradient-end: $osd_semi_fill_bg;
53    color: $osd_fg;
54    box-shadow: inset 0 -2px $sel_bg;
55  }
56
57  &.focused {
58    & > StWidget,
59    &:active > StWidget {
60      color: $osd_fg;
61      box-shadow: inset 0 -2px $sel_bg;
62    }
63  }
64
65  &.minimized {
66    > StWidget {
67      color: $osd_ter_fg;
68      box-shadow: none;
69    }
70    &:hover > StWidget {
71      background-gradient-drection: vertical;
72      background-gradient-start: $osd_semi_fill_bg;
73      background-gradient-end: $osd_semi_fill_bg;
74      box-shadow: inset 0 -2px $osd_out_fg;
75      color: $osd_fg;
76    }
77    &:active > StWidget {
78      background-gradient-drection: vertical;
79      background-gradient-start: $osd_semi_fill_bg;
80      background-gradient-end: $osd_semi_fill_bg;
81      box-shadow: inset 0 -2px $sel_bg;
82      color: $osd_fg;
83    }
84  }
85
86  &-icon {
87    width: $icon_size * 1.5;
88    height: $icon_size * 1.5;
89  }
90}
91
92.window-list-workspace-indicator {
93  padding: 3px;
94
95  > StWidget {
96    border: 1px solid $osd_out_fg;
97    background-color: $panel_hidden_bg;
98    background-gradient-drection: vertical;
99    background-gradient-start: $panel_hidden_bg;
100    background-gradient-end: $panel_hidden_bg;
101    color: $osd_sec_fg;
102    font-weight: 700;
103  }
104
105  &:hover > StWidget {
106    background-gradient-drection: vertical;
107    background-gradient-start: $osd_semi_fill_bg;
108    background-gradient-end: $osd_semi_fill_bg;
109    color: $osd_fg;
110  }
111  &:active > StWidget,
112  &:checked > StWidget,
113  &:focus > StWidget {
114    border: 1px solid $sel_bg;
115    background-gradient-drection: vertical;
116    background-gradient-start: opacity($sel_bg, $a_trk_out);
117    background-gradient-end: opacity($sel_bg, $a_trk_out);
118    color: $osd_fg;
119  }
120}
121
122.notification { font-weight: 500; }
123