self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2024-11-24 08:22:29 +02:00
Code Issues Releases Activity

updated icons

Browse Source
This commit is contained in:
Scott Bishel 2021-11-09 13:30:57 -07:00
parent 62541628f2
commit 120b7b0b96
5 changed files with 156 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
config.json
View File

@ -21,5 +21,6 @@
"authMode": "native",
"logging_cfg_file": "",
"audit_cfg_file": "",
"enablepublicsharedboards": false
"enablepublicsharedboards": false,
"featureflags": [{"CalendarView": "true"}]
}

1
webapp/src/components/viewMenu.tsx
View File

@ -235,6 +235,7 @@ const ViewMenu = React.memo((props: Props) => {
case 'board': return <BoardIcon/>
case 'table': return <TableIcon/>
case 'gallery': return <GalleryIcon/>
case 'calendar': return <CalendarIcon/>
default: return <div/>
}
}

57
webapp/src/widgets/icons/board.tsx
View File

@ -10,28 +10,43 @@ export default function BoardIcon(): JSX.Element {
<svg
xmlns='http://www.w3.org/2000/svg'
className='BoardIcon Icon'
viewBox='0 0 100 100'
width='24'
height='24'
viewBox='0 0 24 24'
fill='none'
>
<rect
x='10'
y='10'
width='80'
height='80'
rx='5'
ry='5'
/>
<polyline
points='28,25 28,55'
style={{strokeWidth: '15px'}}
/>
<polyline
points='50,25 50,70'
style={{strokeWidth: '15px'}}
/>
<polyline
points='72,25 72,45'
style={{strokeWidth: '15px'}}
/>
<g opacity='0.64'>
<rect
x='3'
y='3'
width='18'
height='18'
rx='1'
stroke='white'
strokeWidth='2'
/>
<rect
x='6'
y='6'
width='2'
height='6'
fill='white'
/>
<rect
x='11'
y='6'
width='2'
height='10'
fill='white'
/>
<rect
x='16'
y='6'
width='2'
height='3'
fill='white'
/>
</g>
</svg>
)
}

84
webapp/src/widgets/icons/calendar.tsx
View File

@ -8,21 +8,79 @@ import './calendar.scss'
export default function CalendarIcon(): JSX.Element {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
width='24'
height='24'
viewBox='0 0 24 24'
fill='none'
className='CalendarIcon Icon'
viewBox='0 0 100 100'
xmlns='http://www.w3.org/2000/svg'
>
<rect
x='10'
y='10'
width='80'
height='80'
rx='5'
ry='5'
/>
<polyline points='37,10 37,90'/>
<polyline points='10,37 90,37'/>
<polyline points='10,63 90,63'/>
<g opacity='0.64'>
<rect
x='3'
y='3'
width='18'
height='18'
rx='1'
stroke='white'
strokeWidth='2'
/>
<rect
x='20'
y='7'
width='2'
height='16'
transform='rotate(90 20 7)'
fill='white'
/>
<rect
x='6'
y='11'
width='2'
height='2'
fill='white'
/>
<rect
x='8'
y='15'
width='2'
height='2'
transform='rotate(90 8 15)'
fill='white'
/>
<rect
x='13'
y='11'
width='2'
height='2'
transform='rotate(90 13 11)'
fill='white'
/>
<rect
x='13'
y='15'
width='2'
height='2'
transform='rotate(90 13 15)'
fill='white'
/>
<rect
x='18'
y='11'
width='2'
height='2'
transform='rotate(90 18 11)'
fill='white'
/>
<rect
x='18'
y='15'
width='2'
height='2'
transform='rotate(90 18 15)'
fill='white'
/>
</g>
</svg>
)
}

58
webapp/src/widgets/icons/table.tsx
View File

@ -8,21 +8,55 @@ import './table.scss'
export default function TableIcon(): JSX.Element {
return (
<svg
width='24'
height='24'
viewBox='0 0 24 24'
fill='none'
xmlns='http://www.w3.org/2000/svg'
className='TableIcon Icon'
viewBox='0 0 100 100'
>
<rect
x='10'
y='10'
width='80'
height='80'
rx='5'
ry='5'
/>
<polyline points='37,10 37,90'/>
<polyline points='10,37 90,37'/>
<polyline points='10,63 90,63'/>
<g opacity='0.64'>
<rect
x='3'
y='3'
width='18'
height='18'
rx='1'
stroke='white'
strokeWidth='2'
/>
<rect
x='8'
y='4'
width='2'
height='16'
fill='white'
/>
<rect
x='20'
y='8'
width='2'
height='16'
transform='rotate(90 20 8)'
fill='white'
/>
<rect
x='20'
y='8'
width='2'
height='16'
transform='rotate(90 20 8)'
fill='white'
/>
<rect
x='20'
y='14'
width='2'
height='16'
transform='rotate(90 20 14)'
fill='white'
/>
</g>
</svg>
)
}