ASCII text
1
// floating status bar
2
.floating-bar {
3
@extend %osd;
4
// @extend .toolbar.osd;
6
min-height: 32px;
8
padding: 0;
9
border-style: solid solid none;
10
border-width: 1px;
11
border-color: $borders_color;
12
border-radius: (2px + 1px) (2px + 1px) 0 0;
13
background-color: $base_color;
14
background-clip: $extra_background_clip;
15
transition: $material_transition, border-width 0;
16
&.left {
18
margin-right: 8px - 1px;
19
border-left-style: none;
20
border-top-left-radius: 0;
21
}
22
&.right {
24
margin-left: 8px - 1px;
25
border-right-style: none;
26
border-top-right-radius: 0;
27
}
28
button {
30
min-height: 24px;
31
min-width: 24px;
32
margin: 4px;
33
padding: 0;
34
}
35
}
36
/************
39
* Nautilus *
40
************/
41
.nautilus-window,
42
.nautilus-window notebook,
43
.nautilus-window notebook > stack {
44
background: $base_color;
45
}
46
.nautilus-desktop-window,
48
.nautilus-desktop-window notebook,
49
.nautilus-desktop-window notebook > stack {
50
background: transparent;
51
}
52
.nautilus-canvas-item {
54
// border-radius: 2px;
55
}
56
.nautilus-canvas-item.dim-label,
58
.nautilus-list-dim-label {
59
// @extend .dim-label;
60
}
61
.nautilus-canvas-item.dim-label:selected,
63
.nautilus-list-dim-label:selected {
64
}
65
.nautilus-desktop.nautilus-canvas-item {
67
// background-color: scale-alpha(#000000, $lower_opacity);
68
color: $selected_fg_color;
69
text-shadow: $z-depth-1;
70
}
71
.nautilus-desktop.nautilus-canvas-item:selected {
73
// color: $selected_fg_color;
74
text-shadow: none;
75
}
76
.nautilus-circular-button {
78
@extend %button_basic.image-button;
79
}
80
// Toolbar
82
@keyframes needs_attention_keyframes {
83
0% {background-color: transparent; }
84
50% {background-color: $track_color; }
85
100% {background-color: transparent; }
86
}
87
.nautilus-operations-button-needs-attention {
89
color: $accent_bg_color;
90
animation: needs_attention_keyframes 2s $material_ease;
91
}
92
.nautilus-operations-button-needs-attention-multiple {
94
color: $accent_bg_color;
95
animation: needs_attention_keyframes 2s $material_ease;
96
animation-iteration-count: 2;
97
}
98
.disk-space-display {
100
// border-style: solid;
101
// border-width: 2px;
102
}
103
.disk-space-display.unknown {
105
background-color: $warning_color;
106
}
107
.disk-space-display.used {
109
background-color: $selected_bg_color;
110
}
111
.disk-space-display.free {
113
background-color: $track_color;
114
color: $insensitive_fg_color;
115
}
116
// View
118
.nautilus-list-view .view {
119
// border-bottom: 1px solid $borders_color;
120
}
121
// Hide superfluous treeview drop target indication
123
.nautilus-list-view .view.dnd {
124
// border-style: none;
125
}
126
// Libgd tag entries in the search. Sadly it requires this copy pasted css style.
128
// https://git.gnome.org/browse/libgd/tree/libgd/gd-tagged-entry-default.css
129
.documents-entry-tag {
130
// min-height: 24px;
131
margin: 3px -2px 3px 8px;
132
padding: 0 8px;
133
border-radius: 100px;
134
box-shadow: none;
135
background-color: $selected_bg_color;
136
color: $selected_fg_color;
137
&:hover { box-shadow: $z-depth-1; }
139
}
140
.documents-entry-tag.button {
142
// @extend %button_basic.flat;
143
// min-height: 24px;
145
// min-width: 24px;
146
margin: 0 -2px;
147
padding: 4px;
148
border-radius: 100px;
149
box-shadow: none;
150
color: $secondary_selected_fg_color;
151
&:hover, &:active { color: $selected_fg_color; }
153
}
154
// Workaround for the double border of the searchbar since we use a revealer which
156
// always allocates at least 1 pixel
157
.nautilus-window searchbar { border-top: 1px solid $borders_color; }
158
.nautilus-window .searchbar-container { margin-top: -1px; }
160
/***********
163
* Firefox *
164
***********/
165
menubar {
166
color: $secondary_selected_fg_color;
167
&:hover { color: $selected_fg_color; }
169
}
170
separator { color: $borders_color; }
172
/* FIXME: not working */
174
window.background > widget > check,
175
window.background > widget > radio {
176
margin: 0;
177
padding: 0;
178
}
179
window.background > widget > radio:checked {
181
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")),
182
-gtk-recolor(url("assets/radio-checked-symbolic.png")));
183
border-image: none;
184
}
185
/***********
188
* Synapse *
189
***********/
190
box > widget > widget:selected { background-color: $selected_bg_color; }
191