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

Add Image node icon and rename node from Path to Shape

Browse Source
This commit is contained in:
Keavon Chambers
2022-03-05 23:51:59 -08:00
parent f9012060db
commit 7b4b0ff06e
6 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
editor/src/document/properties_panel_message_handler.rs
+1 -1
View File
@@ -218,7 +218,7 @@ fn register_layer_properties(layer: &Layer, responses: &mut VecDeque<Message>) {
gap_after: true, gap_after: true,
})), })),
LayerDataType::Shape(_) => WidgetHolder::new(Widget::IconLabel(IconLabel { LayerDataType::Shape(_) => WidgetHolder::new(Widget::IconLabel(IconLabel {
icon: "NodePath".into(), icon: "NodeShape".into(),
gap_after: true, gap_after: true,
})), })),
LayerDataType::Text(_) => WidgetHolder::new(Widget::IconLabel(IconLabel { LayerDataType::Text(_) => WidgetHolder::new(Widget::IconLabel(IconLabel {
frontend/assets/16px-solid/node-image.svg
+4
View File
@@ -0,0 +1,4 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<circle cx="4" cy="6" r="1.5" />
<path d="M14,6l-2-2l-1-1H1v10h14V7L14,6z M11,4v3h3v4L9.5,6.5l-3,4l-2-2L2,12V4H11z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 189 B

frontend/assets/16px-solid/node-path.svg → frontend/assets/16px-solid/node-shape.svg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 394 B

After

Width:  |  Height:  |  Size: 394 B

frontend/src/components/panels/LayerTree.vue
+2 -1
View File
@@ -75,7 +75,8 @@
> >
<LayoutRow class="layer-type-icon"> <LayoutRow class="layer-type-icon">
<IconLabel v-if="listing.entry.layer_type === 'Folder'" :icon="'NodeFolder'" title="Folder" /> <IconLabel v-if="listing.entry.layer_type === 'Folder'" :icon="'NodeFolder'" title="Folder" />
<IconLabel v-else-if="listing.entry.layer_type === 'Shape'" :icon="'NodePath'" title="Path" /> <IconLabel v-else-if="listing.entry.layer_type === 'Image'" :icon="'NodeImage'" title="Path" />
<IconLabel v-else-if="listing.entry.layer_type === 'Shape'" :icon="'NodeShape'" title="Path" />
<IconLabel v-else-if="listing.entry.layer_type === 'Text'" :icon="'NodeText'" title="Path" /> <IconLabel v-else-if="listing.entry.layer_type === 'Text'" :icon="'NodeText'" title="Path" />
</LayoutRow> </LayoutRow>
<LayoutRow class="layer-name" @dblclick="() => onEditLayerName(listing)"> <LayoutRow class="layer-name" @dblclick="() => onEditLayerName(listing)">
frontend/src/dispatcher/js-messages.ts
+1 -1
View File
@@ -369,7 +369,7 @@ export class LayerMetadata {
selected!: boolean; selected!: boolean;
} }
export type LayerType = "Folder" | "Shape" | "Text"; export type LayerType = "Folder" | "Image" | "Shape" | "Text";
export class IndexedDbDocumentDetails extends DocumentDetails { export class IndexedDbDocumentDetails extends DocumentDetails {
@Transform(({ value }: { value: BigInt }) => value.toString()) @Transform(({ value }: { value: BigInt }) => value.toString())
frontend/src/utilities/icons.ts
+4 -2
View File
@@ -50,7 +50,8 @@ import FlipVertical from "@/../assets/16px-solid/flip-vertical.svg";
import GraphiteLogo from "@/../assets/16px-solid/graphite-logo.svg"; import GraphiteLogo from "@/../assets/16px-solid/graphite-logo.svg";
import NewLayer from "@/../assets/16px-solid/new-layer.svg"; import NewLayer from "@/../assets/16px-solid/new-layer.svg";
import NodeFolder from "@/../assets/16px-solid/node-folder.svg"; import NodeFolder from "@/../assets/16px-solid/node-folder.svg";
import NodePath from "@/../assets/16px-solid/node-path.svg"; import NodeImage from "@/../assets/16px-solid/node-image.svg";
import NodeShape from "@/../assets/16px-solid/node-shape.svg";
import NodeText from "@/../assets/16px-solid/node-text.svg"; import NodeText from "@/../assets/16px-solid/node-text.svg";
import Paste from "@/../assets/16px-solid/paste.svg"; import Paste from "@/../assets/16px-solid/paste.svg";
import Trash from "@/../assets/16px-solid/trash.svg"; import Trash from "@/../assets/16px-solid/trash.svg";
@@ -158,7 +159,8 @@ export const ICON_LIST = {
NewLayer: { component: NewLayer, size: size16 }, NewLayer: { component: NewLayer, size: size16 },
Paste: { component: Paste, size: size16 }, Paste: { component: Paste, size: size16 },
NodeFolder: { component: NodeFolder, size: size16 }, NodeFolder: { component: NodeFolder, size: size16 },
NodePath: { component: NodePath, size: size16 }, NodeImage: { component: NodeImage, size: size16 },
NodeShape: { component: NodeShape, size: size16 },
NodeText: { component: NodeText, size: size16 }, NodeText: { component: NodeText, size: size16 },
Trash: { component: Trash, size: size16 }, Trash: { component: Trash, size: size16 },
ViewModeNormal: { component: ViewModeNormal, size: size16 }, ViewModeNormal: { component: ViewModeNormal, size: size16 },