diff --git a/res/static/style/layout.css b/res/static/style/layout.css index 80f1372..586565b 100644 --- a/res/static/style/layout.css +++ b/res/static/style/layout.css @@ -494,13 +494,13 @@ select { flex-direction: row; gap: 0.25em; border-radius: 6px; - margin: 3px; + margin: 2px; background: var(--input_background); - padding: 4px 5px; + padding: 3px 4px; overflow: hidden; color: var(--input_text); cursor: pointer; - box-shadow: 1px 1px 0px 1px var(--shadow_color); + box-shadow: 1px 1px 0px 0px var(--shadow_color); transition: padding 0.1s, box-shadow 0.1s, background 0.1s; /* Align content vertically in relation to the container */ @@ -542,8 +542,8 @@ input[type="button"]:active, input[type="color"]:active, select:active { box-shadow: inset 4px 4px 6px var(--shadow_color); - /* Exactly 4px offset compared to the inactive padding to give a depth effect */ - padding: 8px 1px 0px 9px; + /* Exactly 3px offset compared to the inactive padding to give a depth effect */ + padding: 6px 1px 0px 7px; } .button_highlight { @@ -571,7 +571,7 @@ select.disabled { color: var(--input_disabled_text); box-shadow: none; transition: none; - padding: 5px 5px 5px 5px; + padding: 3px 4px; cursor: not-allowed; background: var(--input_background); } @@ -627,7 +627,7 @@ button>svg, .tab_bar>button, .tab_bar>.button { - margin: .5em .4em 0 .4em; + margin: .5em .3em 0 .3em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; min-width: 5em; @@ -649,13 +649,13 @@ input[type="number"], input[type="date"], input[type="datetime-local"] { display: inline-block; - margin: 3px; + margin: 2px; /* Same as button, to make them align nicely */ border: none; - border-radius: 6px; + border-radius: 5px; background: var(--input_background); - padding: 3px 5px; - box-shadow: inset 1px 1px 0px 1px var(--shadow_color); + padding: 3px 4px; + box-shadow: inset 1px 1px 0px 0px var(--shadow_color); /* override user-agent style */ min-width: 100px; color: var(--input_text); @@ -738,43 +738,6 @@ input[type=file] { width: 10px; } -::-webkit-scrollbar-button:single-button:vertical:decrement { - display: none; - /* border-width: 0 8px 8px 8px; */ - /* border-color: transparent transparent var(--scrollbar_foreground_color) transparent; */ -} - -/* ::-webkit-scrollbar-button:single-button:vertical:decrement:hover { - border-color: transparent transparent var(--scrollbar_hover_color) transparent; -} */ -::-webkit-scrollbar-button:single-button:vertical:increment { - display: none; - /* border-width: 8px 8px 0 8px; */ - /* border-color: var(--scrollbar_foreground_color) transparent transparent transparent; */ -} - -/* ::-webkit-scrollbar-button:vertical:single-button:increment:hover { - border-color: var(--scrollbar_hover_color) transparent transparent transparent; -} */ -::-webkit-scrollbar-button:single-button:horizontal:decrement { - display: none; - /* border-width: 8px 8px 8px 0px; */ - /* border-color: transparent var(--scrollbar_foreground_color) transparent transparent; */ -} - -/* ::-webkit-scrollbar-button:single-button:horizontal:decrement:hover { - border-color: transparent var(--scrollbar_hover_color) transparent transparent; -} */ -::-webkit-scrollbar-button:single-button:horizontal:increment { - display: none; - /* border-width: 8px 0px 8px 8px; */ - /* border-color: transparent transparent transparent var(--scrollbar_foreground_color); */ -} - -/* ::-webkit-scrollbar-button:horizontal:single-button:increment:hover { - border-color: transparent transparent transparent var(--scrollbar_hover_color); -} */ - /* Firefox Scrollbar */ * { diff --git a/svelte/src/admin_panel/PayPalTaxes.svelte b/svelte/src/admin_panel/PayPalTaxes.svelte index caffc14..a8e4d28 100644 --- a/svelte/src/admin_panel/PayPalTaxes.svelte +++ b/svelte/src/admin_panel/PayPalTaxes.svelte @@ -94,7 +94,9 @@ const get_page = async (url) => { v.method === "paypal" && v.status === "paid" && (new Date(v.createdAt)) > startDate && - (new Date(v.createdAt)) < endDate + (new Date(v.createdAt)) < endDate && + (v.amountRefunded === undefined || v.amountRefunded.value === "0.00") && + (v.amountChargedBack === undefined || v.amountChargedBack.value === "0.00") ) { payments.push(v) added++ diff --git a/svelte/src/admin_panel/PeerTable.svelte b/svelte/src/admin_panel/PeerTable.svelte index e9e8a2a..57a41b5 100644 --- a/svelte/src/admin_panel/PeerTable.svelte +++ b/svelte/src/admin_panel/PeerTable.svelte @@ -78,7 +78,7 @@ let sort = (field) => { {peer.address} {peer.unreachable_count} {peer.load_1_min.toFixed(1)} / {peer.load_5_min.toFixed(1)} / {peer.load_15_min.toFixed(1)} - {(peer.latency/1000).toPrecision(3)} + {(peer.latency/1000).toFixed(3)} {formatDataVolume(peer.avg_network_tx, 3)}/s {formatDataVolume(peer.avg_network_rx, 3)}/s {peer.network_ratio.toFixed(2)} diff --git a/svelte/src/admin_panel/SortButton.svelte b/svelte/src/admin_panel/SortButton.svelte index a2c0221..ca821ce 100644 --- a/svelte/src/admin_panel/SortButton.svelte +++ b/svelte/src/admin_panel/SortButton.svelte @@ -18,7 +18,10 @@ export let sort_func diff --git a/svelte/src/file_viewer/FileViewer.svelte b/svelte/src/file_viewer/FileViewer.svelte index fe71e03..cc0a2ed 100644 --- a/svelte/src/file_viewer/FileViewer.svelte +++ b/svelte/src/file_viewer/FileViewer.svelte @@ -444,7 +444,7 @@ const keyboard_event = evt => { {/if} - + Copy link @@ -626,7 +626,7 @@ const keyboard_event = evt => { display: flex; flex-direction: row; text-align: left; - padding: 4px; + padding: 2px; align-items: center; } @media(max-height: 600px) { @@ -707,7 +707,7 @@ const keyboard_event = evt => { .toolbar.toolbar_visible { left: 0; } .toolbar_button{ - width: calc(100% - 6px); + width: calc(100% - 4px); } .toolbar_button > span { vertical-align: middle; diff --git a/svelte/src/filesystem/Breadcrumbs.svelte b/svelte/src/filesystem/Breadcrumbs.svelte index 505d307..184bbf9 100644 --- a/svelte/src/filesystem/Breadcrumbs.svelte +++ b/svelte/src/filesystem/Breadcrumbs.svelte @@ -41,14 +41,10 @@ export let fs_navigator word-break: break-all; display: inline-flex; flex-direction: row; - line-height: 1em; } .node_name { - /* This padding makes sure that characters which extend below the - line-height do not get cut off */ - padding: 4px 2px; - max-width: 20vw; - overflow: hidden; + max-width: 25vw; + overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } diff --git a/svelte/src/filesystem/Filesystem.svelte b/svelte/src/filesystem/Filesystem.svelte index abd1b71..c4e93de 100644 --- a/svelte/src/filesystem/Filesystem.svelte +++ b/svelte/src/filesystem/Filesystem.svelte @@ -223,7 +223,7 @@ const update_css = path => document.documentElement.style = branding_from_path(p flex-direction: row; text-align: left; box-shadow: none; - padding: 4px; + padding: 2px; } /* File preview area (row 2) */ diff --git a/svelte/src/filesystem/Toolbar.svelte b/svelte/src/filesystem/Toolbar.svelte index bb39b0f..04b5e08 100644 --- a/svelte/src/filesystem/Toolbar.svelte +++ b/svelte/src/filesystem/Toolbar.svelte @@ -136,7 +136,7 @@ let expand = e => { } .grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(8em, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(7.5em, 1fr)); } .separator { height: 2px; diff --git a/svelte/src/user_file_manager/FileManager.svelte b/svelte/src/user_file_manager/FileManager.svelte index 844102b..8eec736 100644 --- a/svelte/src/user_file_manager/FileManager.svelte +++ b/svelte/src/user_file_manager/FileManager.svelte @@ -367,7 +367,7 @@ is collapsed */ flex-shrink: 0; display: flex; flex-direction: row; - padding: 4px; + padding: 2px; } .nav_bar > button { flex-shrink: 0; diff --git a/svelte/src/util/Modal.svelte b/svelte/src/util/Modal.svelte index bf049c1..7880db0 100644 --- a/svelte/src/util/Modal.svelte +++ b/svelte/src/util/Modal.svelte @@ -140,7 +140,7 @@ these padding divs to move it 25% up */ .title { flex-grow: 1; flex-shrink: 1; - font-size: 1.2em; + font-size: 1.1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;