From 16775e65df3aef3dc6b37689ea015ca8a0d062e4 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 16 Sep 2024 13:45:25 +0200
Subject: [PATCH] Trim on second line

---
 src/lib/components/heading.svelte                             | 2 ++
 .../storage/bucket-[bucket]/file-[file]/+page.svelte          | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/heading.svelte b/src/lib/components/heading.svelte
index 144ec7878..9ef0315f6 100644
--- a/src/lib/components/heading.svelte
+++ b/src/lib/components/heading.svelte
@@ -5,6 +5,7 @@
     export let tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     export let size: Size;
     export let trimmed = true;
+    export let trimmedSecondLine = false;
     export let id: string = null;
     let classes = '';
     export { classes as class };
@@ -15,6 +16,7 @@
     this={tag}
     class={`heading-level-${size} u-min-width-0 ${classes}`}
     class:u-trim-1={trimmed}
+    class:u-trim-2={trimmedSecondLine}
     {style}
     {id}>
     <slot />
diff --git a/src/routes/(console)/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte b/src/routes/(console)/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
index 93cb5a32b..306bb1e72 100644
--- a/src/routes/(console)/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
+++ b/src/routes/(console)/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
@@ -93,12 +93,12 @@
                     </div>
                 </a>
                 <div class="u-flex u-flex-vertical u-gap-16">
-                    <Heading tag="h2" size="7">{$file.name}</Heading>
+                    <Heading tag="h2" size="7" trimmed={false} trimmedSecondLine={true}>{$file.name}</Heading>
                 </div>
             </div>
             <svelte:fragment slot="aside">
                 <div>
-                    <p>MIME Type: {$file.mimeType}</p>
+
                     <p>Size: {calculateSize($file.sizeOriginal)}</p>
                     <p>Created: {toLocaleDate($file.$createdAt)}</p>
                     <p>Last updated: {toLocaleDate($file.$updatedAt)}</p>