From f4a0f272dd58a98ae119b1ab57020401e7afab6a Mon Sep 17 00:00:00 2001 From: Keavon Chambers Date: Sat, 20 Sep 2025 02:08:41 -0700 Subject: [PATCH] Add note about the September 2025 release to the editor welcome screen --- .../widgets/labels/TextLabel.svelte | 4 + .../window/title-bar/WindowButtonsWeb.svelte | 2 +- .../components/window/workspace/Panel.svelte | 142 +++++++++++------- 3 files changed, 94 insertions(+), 54 deletions(-) diff --git a/frontend/src/components/widgets/labels/TextLabel.svelte b/frontend/src/components/widgets/labels/TextLabel.svelte index fdaabd8b..014c2196 100644 --- a/frontend/src/components/widgets/labels/TextLabel.svelte +++ b/frontend/src/components/widgets/labels/TextLabel.svelte @@ -84,5 +84,9 @@ flex: 0 0 30%; text-align: right; } + + a { + color: inherit; + } } diff --git a/frontend/src/components/window/title-bar/WindowButtonsWeb.svelte b/frontend/src/components/window/title-bar/WindowButtonsWeb.svelte index d36e49a6..c24c372f 100644 --- a/frontend/src/components/window/title-bar/WindowButtonsWeb.svelte +++ b/frontend/src/components/window/title-bar/WindowButtonsWeb.svelte @@ -9,7 +9,7 @@ const fullscreen = getContext("fullscreen"); - $: requestFullscreenHotkeys = fullscreen.keyboardLockApiSupported && !$fullscreen.keyboardLocked; + $: requestFullscreenHotkeys = $fullscreen.keyboardLockApiSupported && !$fullscreen.keyboardLocked; async function handleClick() { if ($fullscreen.windowFullscreen) fullscreen.exitFullscreen(); diff --git a/frontend/src/components/window/workspace/Panel.svelte b/frontend/src/components/window/workspace/Panel.svelte index a4d3a740..66247cbc 100644 --- a/frontend/src/components/window/workspace/Panel.svelte +++ b/frontend/src/components/window/workspace/Panel.svelte @@ -159,42 +159,54 @@ {:else} e.preventDefault()} on:drop={dropFile}> - - - - - - - - - - - - - - - - - - - - - - -
- editor.handle.newDocumentDialog()} /> - - -
- editor.handle.openDocument()} /> - - -
- editor.handle.demoArtworkDialog()} /> -
- editor.handle.visitUrl("https://graphite.rs/donate/")} /> -
- + + + + + + + + + + + + + + + + + + + + + + + + +
+ editor.handle.newDocumentDialog()} /> + + +
+ editor.handle.openDocument()} /> + + +
+ editor.handle.demoArtworkDialog()} /> +
+ editor.handle.visitUrl("https://graphite.rs/donate/")} /> +
+ + + + + {#if new Date().getFullYear() === 2025} + + September 2025 release — What's new? (video) + — Note: some older documents may render differently and require manual fixes. + Need the old version? + + {/if} {/if} @@ -211,6 +223,7 @@ height: 28px; min-height: auto; background: var(--color-1-nearblack); // Needed for the viewport hole punch on desktop + flex-shrink: 0; &.min-widths .tab-group .tab { min-width: 120px; @@ -333,30 +346,53 @@ background: var(--color-2-mildblack); margin: 4px; border-radius: 2px; - justify-content: center; + justify-content: space-between; - .content { + .content-container { flex: 0 0 auto; - align-items: center; + justify-content: center; - .logotype { - margin-bottom: 40px; + .content { + flex: 0 0 auto; + align-items: center; - svg { - width: auto; - height: 120px; - } - } + .logotype { + margin-top: 8px; + margin-bottom: 40px; - .actions { - table { - border-spacing: 8px; - margin: -8px; - - td { - padding: 0; + svg { + width: auto; + height: 120px; } } + + .actions { + margin-bottom: 8px; + + table { + border-spacing: 8px; + margin: -8px; + + td { + padding: 0; + } + } + } + } + } + + .top-spacer { + flex: 0 1 48px; + } + + .bottom-message { + flex: 0 0 48px; + align-items: center; + justify-content: end; + + .text-label { + white-space: wrap; + margin: 0 1em; } } }