Add note about the September 2025 release to the editor welcome screen

This commit is contained in:
Keavon Chambers
2025-09-20 05:20:20 -07:00
parent ac4665683b
commit f4a0f272dd
3 changed files with 94 additions and 54 deletions
@@ -84,5 +84,9 @@
flex: 0 0 30%; flex: 0 0 30%;
text-align: right; text-align: right;
} }
a {
color: inherit;
}
} }
</style> </style>
@@ -9,7 +9,7 @@
const fullscreen = getContext<FullscreenState>("fullscreen"); const fullscreen = getContext<FullscreenState>("fullscreen");
$: requestFullscreenHotkeys = fullscreen.keyboardLockApiSupported && !$fullscreen.keyboardLocked; $: requestFullscreenHotkeys = $fullscreen.keyboardLockApiSupported && !$fullscreen.keyboardLocked;
async function handleClick() { async function handleClick() {
if ($fullscreen.windowFullscreen) fullscreen.exitFullscreen(); if ($fullscreen.windowFullscreen) fullscreen.exitFullscreen();
@@ -159,6 +159,8 @@
<svelte:component this={PANEL_COMPONENTS[panelType]} /> <svelte:component this={PANEL_COMPONENTS[panelType]} />
{:else} {:else}
<LayoutCol class="empty-panel" on:dragover={(e) => e.preventDefault()} on:drop={dropFile}> <LayoutCol class="empty-panel" on:dragover={(e) => e.preventDefault()} on:drop={dropFile}>
<LayoutCol class="top-spacer"></LayoutCol>
<LayoutCol class="content-container">
<LayoutCol class="content"> <LayoutCol class="content">
<LayoutRow class="logotype"> <LayoutRow class="logotype">
<IconLabel icon="GraphiteLogotypeSolid" /> <IconLabel icon="GraphiteLogotypeSolid" />
@@ -197,6 +199,16 @@
</LayoutRow> </LayoutRow>
</LayoutCol> </LayoutCol>
</LayoutCol> </LayoutCol>
<LayoutCol class="bottom-message">
{#if new Date().getFullYear() === 2025}
<TextLabel italic={true} disabled={true}>
September 2025 release — <a href="https://youtube.com/watch?v=Vl5BA4g3QXM" target="_blank">What's new? (video)</a>
— Note: some older documents may render differently and require manual fixes.
<a href="https://ec6796b4.graphite-editor.pages.dev/" target="_blank">Need the old version?</a>
</TextLabel>
{/if}
</LayoutCol>
</LayoutCol>
{/if} {/if}
</LayoutCol> </LayoutCol>
</LayoutCol> </LayoutCol>
@@ -211,6 +223,7 @@
height: 28px; height: 28px;
min-height: auto; min-height: auto;
background: var(--color-1-nearblack); // Needed for the viewport hole punch on desktop background: var(--color-1-nearblack); // Needed for the viewport hole punch on desktop
flex-shrink: 0;
&.min-widths .tab-group .tab { &.min-widths .tab-group .tab {
min-width: 120px; min-width: 120px;
@@ -333,6 +346,10 @@
background: var(--color-2-mildblack); background: var(--color-2-mildblack);
margin: 4px; margin: 4px;
border-radius: 2px; border-radius: 2px;
justify-content: space-between;
.content-container {
flex: 0 0 auto;
justify-content: center; justify-content: center;
.content { .content {
@@ -340,6 +357,7 @@
align-items: center; align-items: center;
.logotype { .logotype {
margin-top: 8px;
margin-bottom: 40px; margin-bottom: 40px;
svg { svg {
@@ -349,6 +367,8 @@
} }
.actions { .actions {
margin-bottom: 8px;
table { table {
border-spacing: 8px; border-spacing: 8px;
margin: -8px; margin: -8px;
@@ -360,6 +380,22 @@
} }
} }
} }
.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;
}
}
}
} }
// Needed for the viewport hole punch on desktop // Needed for the viewport hole punch on desktop