forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
chore: remove old vertical-height code
+16
-56
+16
-35
src/Css/Application.css
+16
-35
src/Css/Application.css
···
1
1
@charset "UTF-8";
2
2
3
-
4
3
/* Imports
5
4
------- */
6
5
···
12
11
@import "Logo.css";
13
12
@import "Notifications.css";
14
13
15
-
16
-
17
14
/* 🛠
18
15
----- */
19
16
···
27
24
}
28
25
}
29
26
30
-
31
-
32
27
/* Base
33
28
---- */
34
29
···
45
40
html,
46
41
body,
47
42
.screen-height {
48
-
/* TODO: Remove support for older browsers */
49
-
height: calc(var(--vh, 1vh) * 100);
50
43
height: 100dvh;
51
44
}
52
45
···
66
59
}
67
60
68
61
.align-sub {
69
-
vertical-align: sub
62
+
vertical-align: sub;
70
63
}
71
64
72
65
.all-small-caps {
73
-
font-variant-caps: all-small-caps
66
+
font-variant-caps: all-small-caps;
74
67
}
75
68
76
69
.flex-basis-0 {
77
-
flex-basis: 0
70
+
flex-basis: 0;
78
71
}
79
72
80
73
.smooth-scrolling {
81
-
scroll-behavior: smooth
74
+
scroll-behavior: smooth;
82
75
}
83
76
84
77
@screen dark {
···
86
79
@apply text-gray-600;
87
80
}
88
81
}
89
-
90
-
91
82
92
83
/* Buttons
93
84
------- */
···
97
88
font-family: inherit;
98
89
}
99
90
100
-
101
-
102
91
/* Dragging
103
92
-------- */
104
93
···
108
97
}
109
98
110
99
.dragging-something * {
111
-
cursor: grabbing !important
100
+
cursor: grabbing !important;
112
101
}
113
-
114
-
115
102
116
103
/* Forms
117
104
----- */
···
139
126
}
140
127
141
128
@screen dark {
142
-
143
129
input::placeholder,
144
130
textarea::placeholder {
145
131
@apply text-base03;
···
151
137
text-shadow: 0 0 0 rgb(232, 232, 232);
152
138
}
153
139
}
154
-
155
-
156
140
157
141
/* Loading
158
142
------- */
···
162
146
}
163
147
164
148
.loading-animation__circle {
165
-
animation: loading-dash 1.5s ease-in-out infinite,
149
+
animation:
150
+
loading-dash 1.5s ease-in-out infinite,
166
151
loading-colors 6s ease-in-out infinite;
167
152
stroke-dasharray: 1, 86.25;
168
153
stroke-dashoffset: 0;
···
218
203
}
219
204
}
220
205
221
-
222
-
223
206
/* Overrides
224
207
--------- */
225
208
226
-
.no-tracks-view>div {
209
+
.no-tracks-view > div {
227
210
/* CSS fix for a scrolling issue:
228
211
Element would appear scrolled even though it's not (virtual-dom issue probably)
229
212
*/
230
213
overflow: visible !important;
231
214
}
232
215
233
-
234
-
235
216
/* Range slider
236
217
------------ */
237
218
238
219
.range-slider {
239
-
@apply appearance-none bg-gray-400 rounded w-24;
220
+
@apply w-24 appearance-none rounded bg-gray-400;
240
221
height: 4px;
241
222
}
242
223
243
224
.range-slider::-webkit-slider-thumb {
244
-
@apply appearance-none bg-base02;
225
+
@apply bg-base02 appearance-none;
245
226
border-radius: 100%;
246
227
height: 10px;
247
-
width: 10px
228
+
width: 10px;
248
229
}
249
230
250
231
.range-slider::-moz-range-thumb {
251
-
@apply appearance-none bg-darkest-hour;
232
+
@apply bg-darkest-hour appearance-none;
252
233
border-radius: 100%;
253
234
height: 10px;
254
-
width: 10px
235
+
width: 10px;
255
236
}
256
237
257
238
.range-slider::-ms-thumb {
258
-
@apply appearance-none bg-darkest-hour;
239
+
@apply bg-darkest-hour appearance-none;
259
240
border-radius: 100%;
260
241
height: 10px;
261
-
width: 10px
242
+
width: 10px;
262
243
}
263
244
264
245
@screen dark {
···
277
258
.range-slider::-ms-thumb {
278
259
@apply bg-base07;
279
260
}
280
-
}
261
+
}
-21
src/Javascript/index.ts
-21
src/Javascript/index.ts
···
962
962
// The end
963
963
return viable_v1
964
964
}
965
-
966
-
967
-
968
-
969
-
// Vertical Height
970
-
// ---------------
971
-
// TODO: Remove support for older browsers
972
-
// Replaced by `dvh` CSS unit
973
-
974
-
setVerticalHeightUnit()
975
-
976
-
977
-
window.addEventListener("resize", () => {
978
-
setTimeout(setVerticalHeightUnit, 0)
979
-
})
980
-
981
-
982
-
function setVerticalHeightUnit() {
983
-
const vh = document.documentElement.clientHeight * 0.01
984
-
document.documentElement.style.setProperty("--vh", `${vh}px`)
985
-
}