mirrors/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2025-08-03 21:08:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

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 3d8108a32b
commit 2f6722fb40
6 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
editor/src/document/properties_panel_message_handler.rs
View file

@ -218,7 +218,7 @@ fn register_layer_properties(layer: &Layer, responses: &mut VecDeque<Message>) {
gap_after: true,
})),
LayerDataType::Shape(_) => WidgetHolder::new(Widget::IconLabel(IconLabel {
icon: "NodePath".into(),
icon: "NodeShape".into(),
gap_after: true,
})),
LayerDataType::Text(_) => WidgetHolder::new(Widget::IconLabel(IconLabel {

4
frontend/assets/16px-solid/node-image.svg Normal file
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

0
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

Before After
Before After

3
frontend/src/components/panels/LayerTree.vue
View file

@ -75,7 +75,8 @@
>
<LayoutRow class="layer-type-icon">
<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" />
</LayoutRow>
<LayoutRow class="layer-name" @dblclick="() => onEditLayerName(listing)">

2
frontend/src/dispatcher/js-messages.ts
View file

@ -369,7 +369,7 @@ export class LayerMetadata {
selected!: boolean;
}
export type LayerType = "Folder" | "Shape" | "Text";
export type LayerType = "Folder" | "Image" | "Shape" | "Text";
export class IndexedDbDocumentDetails extends DocumentDetails {
@Transform(({ value }: { value: BigInt }) => value.toString())

6
frontend/src/utilities/icons.ts
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 NewLayer from "@/../assets/16px-solid/new-layer.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 Paste from "@/../assets/16px-solid/paste.svg";
import Trash from "@/../assets/16px-solid/trash.svg";
@ -158,7 +159,8 @@ export const ICON_LIST = {
NewLayer: { component: NewLayer, size: size16 },
Paste: { component: Paste, 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 },
Trash: { component: Trash, size: size16 },
ViewModeNormal: { component: ViewModeNormal, size: size16 },