A music player that connects to your cloud/distributed storage.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

chore: remove old vertical-height code

+16 -56
+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
··· 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 - }