jess
/
Graphite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add icons for stroke align, cap, join, and order (#4136)

This commit is contained in:
Keavon Chambers 2026-05-11 03:53:38 -07:00 committed by GitHub
parent 98daa75c26
commit f6def3b911
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 35 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.branding
View File

@ -1,2 +1,2 @@
https://github.com/Keavon/graphite-branded-assets/archive/b83626b10f0f9102503c845354e9e3f161949ce0.tar.gz https://github.com/Keavon/graphite-branded-assets/archive/69b92281fa4640c8df994c5bf441ba78ae43c6c9.tar.gz
353e9cba90f420b11863055a32e554937638b47d1539632ef0e8a30f37a353d7 3b827e8731a1214f1eca0240b9c2622697dc9e9ebfddc3a640ff88fb463161af

22
frontend/src/icons.ts
View File

@ -199,6 +199,17 @@ import StackLower from "/../branding/assets/icon-16px-solid/stack-lower.svg";
import StackRaise from "/../branding/assets/icon-16px-solid/stack-raise.svg"; import StackRaise from "/../branding/assets/icon-16px-solid/stack-raise.svg";
import StackReverse from "/../branding/assets/icon-16px-solid/stack-reverse.svg"; import StackReverse from "/../branding/assets/icon-16px-solid/stack-reverse.svg";
import Stack from "/../branding/assets/icon-16px-solid/stack.svg"; import Stack from "/../branding/assets/icon-16px-solid/stack.svg";
import StrokeAlignCenter from "/../branding/assets/icon-16px-solid/stroke-align-center.svg";
import StrokeAlignInside from "/../branding/assets/icon-16px-solid/stroke-align-inside.svg";
import StrokeAlignOutside from "/../branding/assets/icon-16px-solid/stroke-align-outside.svg";
import StrokeCapButt from "/../branding/assets/icon-16px-solid/stroke-cap-butt.svg";
import StrokeCapRound from "/../branding/assets/icon-16px-solid/stroke-cap-round.svg";
import StrokeCapSquare from "/../branding/assets/icon-16px-solid/stroke-cap-square.svg";
import StrokeJoinBevel from "/../branding/assets/icon-16px-solid/stroke-join-bevel.svg";
import StrokeJoinMiter from "/../branding/assets/icon-16px-solid/stroke-join-miter.svg";
import StrokeJoinRound from "/../branding/assets/icon-16px-solid/stroke-join-round.svg";
import StrokeOrderAbove from "/../branding/assets/icon-16px-solid/stroke-order-above.svg";
import StrokeOrderBelow from "/../branding/assets/icon-16px-solid/stroke-order-below.svg";
import TextAlignCenter from "/../branding/assets/icon-16px-solid/text-align-center.svg"; import TextAlignCenter from "/../branding/assets/icon-16px-solid/text-align-center.svg";
import TextAlignLeft from "/../branding/assets/icon-16px-solid/text-align-left.svg"; import TextAlignLeft from "/../branding/assets/icon-16px-solid/text-align-left.svg";
import TextAlignRight from "/../branding/assets/icon-16px-solid/text-align-right.svg"; import TextAlignRight from "/../branding/assets/icon-16px-solid/text-align-right.svg";
@ -327,6 +338,17 @@ const SOLID_16PX = {
StackLower: { svg: StackLower, size: 16 }, StackLower: { svg: StackLower, size: 16 },
StackRaise: { svg: StackRaise, size: 16 }, StackRaise: { svg: StackRaise, size: 16 },
StackReverse: { svg: StackReverse, size: 16 }, StackReverse: { svg: StackReverse, size: 16 },
StrokeAlignCenter: { svg: StrokeAlignCenter, size: 16 },
StrokeAlignInside: { svg: StrokeAlignInside, size: 16 },
StrokeAlignOutside: { svg: StrokeAlignOutside, size: 16 },
StrokeCapButt: { svg: StrokeCapButt, size: 16 },
StrokeCapRound: { svg: StrokeCapRound, size: 16 },
StrokeCapSquare: { svg: StrokeCapSquare, size: 16 },
StrokeJoinBevel: { svg: StrokeJoinBevel, size: 16 },
StrokeJoinMiter: { svg: StrokeJoinMiter, size: 16 },
StrokeJoinRound: { svg: StrokeJoinRound, size: 16 },
StrokeOrderAbove: { svg: StrokeOrderAbove, size: 16 },
StrokeOrderBelow: { svg: StrokeOrderBelow, size: 16 },
TextAlignCenter: { svg: TextAlignCenter, size: 16 }, TextAlignCenter: { svg: TextAlignCenter, size: 16 },
TextAlignLeft: { svg: TextAlignLeft, size: 16 }, TextAlignLeft: { svg: TextAlignLeft, size: 16 },
TextAlignRight: { svg: TextAlignRight, size: 16 }, TextAlignRight: { svg: TextAlignRight, size: 16 },

11
node-graph/libraries/vector-types/src/vector/style.rs
View File

@ -230,8 +230,11 @@ impl From<Fill> for FillChoice {
#[widget(Radio)] #[widget(Radio)]
pub enum StrokeCap { pub enum StrokeCap {
#[default] #[default]
#[icon("StrokeCapButt")]
Butt, Butt,
#[icon("StrokeCapRound")]
Round, Round,
#[icon("StrokeCapSquare")]
Square, Square,
} }
@ -252,8 +255,11 @@ impl StrokeCap {
#[widget(Radio)] #[widget(Radio)]
pub enum StrokeJoin { pub enum StrokeJoin {
#[default] #[default]
#[icon("StrokeJoinMiter")]
Miter, Miter,
#[icon("StrokeJoinBevel")]
Bevel, Bevel,
#[icon("StrokeJoinRound")]
Round, Round,
} }
@ -274,8 +280,11 @@ impl StrokeJoin {
#[widget(Radio)] #[widget(Radio)]
pub enum StrokeAlign { pub enum StrokeAlign {
#[default] #[default]
#[icon("StrokeAlignCenter")]
Center, Center,
#[icon("StrokeAlignInside")]
Inside, Inside,
#[icon("StrokeAlignOutside")]
Outside, Outside,
} }
@ -292,7 +301,9 @@ impl StrokeAlign {
#[widget(Radio)] #[widget(Radio)]
pub enum PaintOrder { pub enum PaintOrder {
#[default] #[default]
#[icon("StrokeOrderAbove")]
StrokeAbove, StrokeAbove,
#[icon("StrokeOrderBelow")]
StrokeBelow, StrokeBelow,
} }