frontend: moved separator symbol style
Massimo Melina committed
Feb 25, 2023 at 21:47 UTC
f2d84cdf5220c2f1bbd2bcad4f5d066056752cab
3 files changed
+7
-9
frontend/src/BrowseFiles.ts
+2
-5
@@ -237,9 +237,6 @@ const EntryProps = memo((entry: DirEntry & { midnight: Date }) => {
237
const EntrySize = memo(({ s }: { s: DirEntry['s'] }) => {
238
if (s === undefined) return null
239
const a = formatBytes(s).split(' ')
240
- return h(Fragment, {},
241
- h('span', { className: 'entry-size' }, a[0],
242
- h('span', { className: 'entry-size-unit' }, a[1])),
243
- " — ",
244
- )
240
+ return h('span', { className: 'entry-size' }, a[0],
241
+ h('span', { className: 'entry-size-unit' }, a[1]))
242
})
\ No newline at end of file
frontend/src/index.scss
+4
-3
@@ -10,6 +10,7 @@
10
--button-bg: #68a;
11
--button-text: #eaeaea;
12
--focus-color: #468;
13
+ --separator: " – ";
14
.theme-dark {
15
--bg: #000;
16
--text: #999;
@@ -323,9 +324,9 @@ button label {
324
}
325
}
326
326
-.upload-progress::before {
327
- content: " – ";
328
-}
327
+.upload-progress::before { content: var(--separator); }
328
+.entry-size::after { content: var(--separator) }
329
+
330
.upload-progress {
331
min-width: 4em;
332
display: inline-block;
plugins/download-counter/public/style.css
+1
-1
@@ -1 +1 @@
1
-.download-counter::after { content: " — " }
1
+.download-counter::after { content: var(--separator) }