obsidian-plugin/decaf-dev_obsidian-vault-explorer
1
0
Fork 0
mirror of https://github.com/decaf-dev/obsidian-vault-explorer.git synced 2026-07-22 10:10:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: hide tags container when screen size is small and list view is selected (#306)

Browse source
This commit is contained in:
DecafDev 2024-08-06 19:24:28 -06:00 committed by GitHub
parent 4870251164
commit c8f953db75
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/svelte/app/components/list-item.svelte
View file

@ -99,6 +99,8 @@
});
}
$: console.log(tags);
$: tagsClassName = `vault-explorer-list-item__tags ${isSmallScreenSize ? "vault-explorer-list-item__tags--screen-size-sm" : ""}`;
$: titleClassName = `vault-explorer-list-item__title ${isSmallScreenSize ? "vault-explorer-list-item__title--screen-size-sm" : ""}`;
</script>
@ -148,19 +150,17 @@
</div>
</Stack>
</div>
{#if showTags}
{#if showTags && tags !== null}
<div class={tagsClassName}>
{#if tags !== null}
<Wrap
spacingX="sm"
spacingY="sm"
justify={isSmallScreenSize ? "flex-start" : "flex-end"}
>
{#each tags as tag}
<Tag name={tag} variant="unstyled" />
{/each}
</Wrap>
{/if}
<Wrap
spacingX="sm"
spacingY="sm"
justify={isSmallScreenSize ? "flex-start" : "flex-end"}
>
{#each tags as tag}
<Tag name={tag} variant="unstyled" />
{/each}
</Wrap>
</div>
{/if}
</Wrap>