fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-26 01:38:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Many subtle improvements to the UI design system (#1537)

Browse Source
This commit is contained in:
Keavon Chambers
2023-12-28 04:35:20 -08:00
committed by GitHub
parent 34f952bad1
commit 96b5d7b520
62 changed files with 326 additions and 521 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/floating-menus/ColorPicker.svelte
+1 -1
View File
@@ -537,7 +537,7 @@
width: 208px;
height: 32px;
border-radius: 2px;
border: 1px solid var(--color-0-black);
border: 1px solid var(--color-1-nearblack);
box-sizing: border-box;
overflow: hidden;
frontend/src/components/floating-menus/Dialog.svelte
+2 -2
View File
@@ -41,13 +41,13 @@
<div class="widget-layout details">
<div class="widget-span row"><TextLabel bold={true}>The editor crashed — sorry about that</TextLabel></div>
<div class="widget-span row"><TextLabel>Please report this by filing an issue on GitHub:</TextLabel></div>
<div class="widget-span row"><TextButton label="Report Bug" icon="Warning" noBackground={true} action={() => window.open(githubUrl($dialog.panicDetails), "_blank")} /></div>
<div class="widget-span row"><TextButton label="Report Bug" icon="Warning" flush={true} action={() => window.open(githubUrl($dialog.panicDetails), "_blank")} /></div>
<div class="widget-span row"><TextLabel multiline={true}>Reload the editor to continue. If this occurs<br />immediately on repeated reloads, clear storage:</TextLabel></div>
<div class="widget-span row">
<TextButton
label="Clear Saved Documents"
icon="Trash"
noBackground={true}
flush={true}
action={async () => {
await wipeDocuments();
window.location.reload();
frontend/src/components/floating-menus/MenuList.svelte
+8 -4
View File
@@ -212,7 +212,7 @@
{/if}
{#each entries as section, sectionIndex (sectionIndex)}
{#if sectionIndex > 0}
<Separator type="List" direction="Vertical" />
<Separator type="Section" direction="Vertical" />
{/if}
{#each virtualScrollingEntryHeight ? section.slice(virtualScrollingStartIndex, virtualScrollingEndIndex) : section as entry, entryIndex (entryIndex + startIndex)}
<LayoutRow
@@ -264,8 +264,12 @@
.floating-menu-container .floating-menu-content.floating-menu-content {
padding: 4px 0;
.separator div {
background: var(--color-4-dimgray);
.separator {
margin: 4px 0;
div {
background: var(--color-4-dimgray);
}
}
.scroll-spacer {
@@ -333,7 +337,7 @@
&:hover,
&.open {
background: var(--color-5-dullgray);
background: var(--color-4-dimgray);
}
&.active {