pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add share icon to compact view

Browse Source
This commit is contained in:
Wim Brand
2025-01-30 00:07:36 +01:00
parent a76afc1bf8
commit a58a991bcd
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
svelte/src/filesystem/filemanager/CompactView.svelte
View File

@@ -1,6 +1,5 @@
<script> <script>
import { createEventDispatcher } from "svelte"; import { createEventDispatcher } from "svelte";
import { formatDataVolume } from "./../../util/Formatting.svelte";
import { fs_encode_path, fs_node_icon } from "../FilesystemAPI.mjs" import { fs_encode_path, fs_node_icon } from "../FilesystemAPI.mjs"
let dispatch = createEventDispatcher() let dispatch = createEventDispatcher()
@@ -24,6 +23,15 @@ export let large_icons = false
<div class="node_name"> <div class="node_name">
{child.name} {child.name}
</div> </div>
{#if child.id}
<a
href="/d/{child.id}"
on:click|preventDefault|stopPropagation={() => {dispatch("node_share_click", index)}}
class="button action_button"
>
<i class="icon" title="This file / directory is shared. Click to open public link">share</i>
</a>
{/if}
</a> </a>
{/each} {/each}
</div> </div>
@@ -57,8 +65,10 @@ export let large_icons = false
background-color: var(--highlight_color) !important; background-color: var(--highlight_color) !important;
color: var(--highlight_text_color); color: var(--highlight_text_color);
} }
.node_icon { .node>* {
flex: 0 0 content; flex: 0 0 content;
}
.node_icon {
height: 2em; height: 2em;
width: 2em; width: 2em;
vertical-align: middle; vertical-align: middle;