mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-10-07 08:18:11 +08:00
Add note about the September 2025 release to the editor welcome screen
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user