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

Remove console spam (#1400)

Browse Source 
* Remove console spam

* CSS Style

* Slight cleanup

---------

Co-authored-by: Keavon Chambers <keavon@keavon.com>
This commit is contained in:
0HyperCube
2023-08-27 16:12:32 -07:00
committed by GitHub
co-authored by Keavon Chambers
parent 226b96260c
commit e77782aadb
16 changed files with 61 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/panels/Document.svelte
+5 -19
View File
@@ -40,9 +40,6 @@
const editor = getContext<Editor>("editor");
const document = getContext<DocumentState>("document");
// Graph view overlay
let graphViewOverlayOpen = false;
// Interactive text editing
let textInput: undefined | HTMLDivElement = undefined;
let showTextInput: boolean;
@@ -68,7 +65,6 @@
let nodeRenderSvg = "";
let artboardSvg = "";
let overlaysSvg = "";
let artworkTransform = "";
// Rasterized SVG viewport data, or none if it's not up-to-date
let rasterizedCanvas: HTMLCanvasElement | undefined = undefined;
@@ -338,11 +334,6 @@
}
onMount(() => {
// Show or hide the graph view overlay
editor.subscriptions.subscribeJsMessage(TriggerGraphViewOverlay, (triggerGraphViewOverlay) => {
graphViewOverlayOpen = triggerGraphViewOverlay.open;
});
// Update rendered SVGs
editor.subscriptions.subscribeJsMessage(UpdateDocumentArtwork, async (data) => {
await tick();
@@ -364,11 +355,6 @@
updateDocumentNodeRender(data.svg);
});
editor.subscriptions.subscribeJsMessage(UpdateDocumentTransform, async (data) => {
await tick();
updateDocumentTransform(data.transform);
});
editor.subscriptions.subscribeJsMessage(UpdateEyedropperSamplingState, async (data) => {
await tick();
@@ -436,8 +422,8 @@
</script>
<LayoutCol class="document">
<LayoutRow class="options-bar" classes={{ "for-graph": graphViewOverlayOpen }} scrollableX={true}>
{#if !graphViewOverlayOpen}
<LayoutRow class="options-bar" classes={{ "for-graph": $document.graphViewOverlayOpen }} scrollableX={true}>
{#if !$document.graphViewOverlayOpen}
<WidgetLayout layout={$document.documentModeLayout} />
<WidgetLayout layout={$document.toolOptionsLayout} />
<LayoutRow class="spacer" />
@@ -448,7 +434,7 @@
</LayoutRow>
<LayoutRow class="shelf-and-table">
<LayoutCol class="shelf">
{#if !graphViewOverlayOpen}
{#if !$document.graphViewOverlayOpen}
<LayoutCol class="tools" scrollableY={true}>
<WidgetLayout layout={$document.toolShelfLayout} />
</LayoutCol>
@@ -483,7 +469,7 @@
{@html artboardSvg}
</svg>
<svg class="artboards" style:width={canvasWidthCSS} style:height={canvasHeightCSS}>
<g id="transform-group" transform={artworkTransform}>
<g id="transform-group" transform={$document.artworkTransform}>
{@html nodeRenderSvg}
</g>
</svg>
@@ -499,7 +485,7 @@
{/if}
</div>
</div>
<div class="graph-view" class:open={graphViewOverlayOpen} style:--fade-artwork="80%" data-graph>
<div class="graph-view" class:open={$document.graphViewOverlayOpen} style:--fade-artwork="80%" data-graph>
<Graph />
</div>
</LayoutCol>
frontend/src/components/panels/LayerTree.svelte
+1 -10
View File
@@ -450,7 +450,7 @@
border-radius: 2px;
&:hover {
background: var(--color-6-lowergray);
background: var(--color-5-dullgray);
}
&::after {
@@ -461,19 +461,11 @@
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent var(--color-e-nearwhite);
&:hover {
color: var(--color-f-white);
}
}
&.expanded::after {
border-width: 6px 3px 0 3px;
border-color: var(--color-e-nearwhite) transparent transparent transparent;
&:hover {
color: var(--color-f-white);
}
}
}
@@ -488,7 +480,6 @@
&.selected {
background: var(--color-5-dullgray);
color: var(--color-f-white);
}
.layer-type-icon {