FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-17 06:56:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(web/radial): newlines support (#316)

Browse Source 
* feat(radial): Support newlines

* chore: update to `  \n` to match markdown
This commit is contained in:
Jag
2023-05-01 02:07:17 -07:00
committed by GitHub
parent 60ef88c08f
commit bda2c2657a
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/features/dev/debug/radial.ts
View File

@@ -9,7 +9,7 @@ export const debugRadial = () => {
items: [
{ icon: 'palette', label: 'Paint' },
{ icon: 'warehouse', label: 'Garage' },
{ icon: 'palette', label: 'Quite long text' },
{ icon: 'palette', label: 'Quite long \ntext' },
{ icon: 'palette', label: 'Paint' },
{ icon: 'warehouse', label: 'Garage' },
],

7
web/src/features/menu/radial/index.tsx
View File

@@ -155,8 +155,11 @@ const RadialMenu: React.FC = () => {
height={25}
fixedWidth
/>
<text x={iconX} y={iconY + 25} fill="#fff" textAnchor="middle" pointerEvents="none">
{item.label}
<text x={iconX} y={iconY + (item.label.includes(" \n") ? 7 : 25)} fill="#fff" textAnchor="middle" pointerEvents="none">
{item.label.includes(" \n")
? item.label.split(" \n").map((value) => <tspan x={iconX} dy="1.2em">{value}</tspan>)
: item.label
}
</text>
</g>
</g>