luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update icons (#1796)

Browse source 
* Updating table row css (#1787)

* updated icons

* update snapshots

* fixes for standard icon removal

* revert config.json changes

Co-authored-by: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
This commit is contained in:
Scott Bishel 2021-11-11 14:57:05 -07:00 committed by GitHub
parent e7c38c8822
commit 60f0f5d5c4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
28 changed files with 374 additions and 619 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
webapp/src/blocks/boardView.ts
View file

@ -4,7 +4,7 @@
import {Block, createBlock} from './block'
import {FilterGroup, createFilterGroup} from './filterGroup'
type IViewType = 'board' | 'table' | 'gallery' // | 'calendar' | 'list'
type IViewType = 'board' | 'table' | 'gallery' | 'calendar'
type ISortOption = { propertyId: '__title' | string, reversed: boolean }
type KanbanCalculationFields = {

18
webapp/src/components/__snapshots__/blockIconSelector.test.tsx.snap
View file

@ -104,15 +104,9 @@ exports[`components/blockIconSelector return menu on click 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -156,6 +150,8 @@ exports[`components/blockIconSelector return menu on click 1`] = `
exports[`components/blockIconSelector return no element with no icon 1`] = `<div />`;
exports[`components/blockIconSelector return no icon after click on remove menu 1`] = `<div />`;
exports[`components/blockIconSelector return no menu in readonly 1`] = `
<div>
<div
@ -171,7 +167,3 @@ exports[`components/blockIconSelector return no menu in readonly 1`] = `
</div>
</div>
`;
exports[`components/blockIconSelector return no icon after click on remove menu 1`] = `<div />`;

12
webapp/src/components/__snapshots__/cardDialog.test.tsx.snap
View file

@ -147,15 +147,9 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>

12
webapp/src/components/__snapshots__/contentBlock.test.tsx.snap
View file

@ -112,15 +112,9 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>

35
webapp/src/components/__snapshots__/emptyCenterPanel.test.tsx.snap
View file

@ -96,29 +96,22 @@ exports[`components/emptyCenterPanel a focalboard Plugin should match snapshot 1
<span>
<svg
class="BoardIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="28,25 28,55"
style="stroke-width: 15px;"
/>
<polyline
points="50,25 50,70"
style="stroke-width: 15px;"
/>
<polyline
points="72,25 72,45"
style="stroke-width: 15px;"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M4 4H20V20H4V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8 6H6V12H8V6ZM11 6H13V16H11V6ZM18 6H16V9H18V6Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
</span>
<span

304
webapp/src/components/__snapshots__/viewMenu.test.tsx.snap
View file

@ -21,26 +21,22 @@ Object {
>
<svg
class="TableIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="37,10 37,90"
/>
<polyline
points="10,37 90,37"
/>
<polyline
points="10,63 90,63"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="menu-name"
@ -58,26 +54,22 @@ Object {
>
<svg
class="TableIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="37,10 37,90"
/>
<polyline
points="10,37 90,37"
/>
<polyline
points="10,63 90,63"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="menu-name"
@ -96,15 +88,9 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>
@ -119,15 +105,9 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -205,26 +185,22 @@ Object {
>
<svg
class="TableIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="37,10 37,90"
/>
<polyline
points="10,37 90,37"
/>
<polyline
points="10,63 90,63"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="menu-name"
@ -242,26 +218,22 @@ Object {
>
<svg
class="TableIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="37,10 37,90"
/>
<polyline
points="10,37 90,37"
/>
<polyline
points="10,63 90,63"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="menu-name"
@ -280,15 +252,9 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>
@ -303,15 +269,9 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -446,26 +406,22 @@ Object {
>
<svg
class="TableIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="37,10 37,90"
/>
<polyline
points="10,37 90,37"
/>
<polyline
points="10,63 90,63"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="menu-name"
@ -483,26 +439,22 @@ Object {
>
<svg
class="TableIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="37,10 37,90"
/>
<polyline
points="10,37 90,37"
/>
<polyline
points="10,63 90,63"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="menu-name"
@ -562,26 +514,22 @@ Object {
>
<svg
class="TableIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="37,10 37,90"
/>
<polyline
points="10,37 90,37"
/>
<polyline
points="10,63 90,63"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="menu-name"
@ -599,26 +547,22 @@ Object {
>
<svg
class="TableIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="37,10 37,90"
/>
<polyline
points="10,37 90,37"
/>
<polyline
points="10,63 90,63"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="menu-name"

70
webapp/src/components/__snapshots__/workspace.test.tsx.snap
View file

@ -162,29 +162,22 @@ exports[`src/components/workspace return workspace and showcard 1`] = `
>
<svg
class="BoardIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="28,25 28,55"
style="stroke-width: 15px;"
/>
<polyline
points="50,25 50,70"
style="stroke-width: 15px;"
/>
<polyline
points="72,25 72,45"
style="stroke-width: 15px;"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M4 4H20V20H4V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8 6H6V12H8V6ZM11 6H13V16H11V6ZM18 6H16V9H18V6Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="octo-sidebar-title"
@ -1455,29 +1448,22 @@ exports[`src/components/workspace should match snapshot 1`] = `
>
<svg
class="BoardIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="28,25 28,55"
style="stroke-width: 15px;"
/>
<polyline
points="50,25 50,70"
style="stroke-width: 15px;"
/>
<polyline
points="72,25 72,45"
style="stroke-width: 15px;"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M4 4H20V20H4V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8 6H6V12H8V6ZM11 6H13V16H11V6ZM18 6H16V9H18V6Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="octo-sidebar-title"

24
webapp/src/components/cardDetail/__snapshots__/comment.test.tsx.snap
View file

@ -52,15 +52,9 @@ exports[`components/cardDetail/comment return comment 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -162,15 +156,9 @@ exports[`components/cardDetail/comment return comment and delete comment 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>

24
webapp/src/components/gallery/__snapshots__/gallery.test.tsx.snap
View file

@ -124,15 +124,9 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -147,15 +141,9 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>

120
webapp/src/components/gallery/__snapshots__/galleryCard.test.tsx.snap
View file

@ -60,15 +60,9 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -83,15 +77,9 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>
@ -199,15 +187,9 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -222,15 +204,9 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>
@ -374,15 +350,9 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -397,15 +367,9 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>
@ -517,15 +481,9 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -540,15 +498,9 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>
@ -822,15 +774,9 @@ exports[`src/components/gallery/GalleryCard without block content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -845,15 +791,9 @@ exports[`src/components/gallery/GalleryCard without block content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>

72
webapp/src/components/kanban/__snapshots__/kanbanCard.test.tsx.snap
View file

@ -34,15 +34,9 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -57,15 +51,9 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>
@ -178,15 +166,9 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -201,15 +183,9 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>
@ -322,15 +298,9 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -345,15 +315,9 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DuplicateIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"
/>
</svg>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class="menu-name"
>

70
webapp/src/components/sidebar/__snapshots__/sidebarBoardItem.test.tsx.snap
View file

@ -48,29 +48,22 @@ exports[`components/sidebarBoardItem sidebar call hideSidebar 1`] = `
>
<svg
class="BoardIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="28,25 28,55"
style="stroke-width: 15px;"
/>
<polyline
points="50,25 50,70"
style="stroke-width: 15px;"
/>
<polyline
points="72,25 72,45"
style="stroke-width: 15px;"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M4 4H20V20H4V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8 6H6V12H8V6ZM11 6H13V16H11V6ZM18 6H16V9H18V6Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="octo-sidebar-title"
@ -84,29 +77,22 @@ exports[`components/sidebarBoardItem sidebar call hideSidebar 1`] = `
>
<svg
class="BoardIcon Icon"
viewBox="0 0 100 100"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="80"
rx="5"
ry="5"
width="80"
x="10"
y="10"
/>
<polyline
points="28,25 28,55"
style="stroke-width: 15px;"
/>
<polyline
points="50,25 50,70"
style="stroke-width: 15px;"
/>
<polyline
points="72,25 72,45"
style="stroke-width: 15px;"
/>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M4 4H20V20H4V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8 6H6V12H8V6ZM11 6H13V16H11V6ZM18 6H16V9H18V6Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<div
class="octo-sidebar-title"

9
webapp/src/components/sidebar/sidebarBoardItem.scss
View file

@ -23,10 +23,6 @@
position: relative;
color: rgb(var(--sidebar-text-rgb));
.Icon {
stroke: rgba(var(--sidebar-text-rgb), 1);
}
&:not(.subitem) {
&::before {
content: '';
@ -53,9 +49,8 @@
}
> .Icon {
stroke: rgba(var(--sidebar-text-rgb), 0.3);
height: 14px;
width: 14px;
height: 18px;
width: 18px;
margin-right: 8px;
flex-shrink: 0;

48
webapp/src/components/viewHeader/__snapshots__/newCardButtonTemplateItem.test.tsx.snap
View file

@ -98,15 +98,9 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -246,15 +240,9 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -429,15 +417,9 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>
@ -577,15 +559,9 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DeleteIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"
/>
</svg>
<i
class="CompassIcon icon-trash-can-outline trash-can-outline"
/>
<div
class="menu-name"
>

2
webapp/src/components/viewMenu.tsx
View file

@ -13,6 +13,7 @@ import {Block} from '../blocks/block'
import {IDType, Utils} from '../utils'
import AddIcon from '../widgets/icons/add'
import BoardIcon from '../widgets/icons/board'
import CalendarIcon from '../widgets/icons/calendar'
import DeleteIcon from '../widgets/icons/delete'
import DuplicateIcon from '../widgets/icons/duplicate'
import GalleryIcon from '../widgets/icons/gallery'
@ -200,6 +201,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/>
}
}

4
webapp/src/widgets/icons/add.scss
View file

@ -1,4 +0,0 @@
.AddIcon {
color: rgb(var(--center-channel-color-rgb), 0.5);
font-size: 16px;
}

3
webapp/src/widgets/icons/board.scss
View file

@ -1,6 +1,3 @@
@use './standardIcon.scss';
.BoardIcon {
@extend %standard-icon;
stroke-width: 8px;
}

33
webapp/src/widgets/icons/board.tsx
View file

@ -8,30 +8,21 @@ import './board.scss'
export default function BoardIcon(): JSX.Element {
return (
<svg
width='24'
height='24'
viewBox='0 0 24 24'
fill='currentColor'
xmlns='http://www.w3.org/2000/svg'
className='BoardIcon Icon'
viewBox='0 0 100 100'
>
<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.8'>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M4 4H20V20H4V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8 6H6V12H8V6ZM11 6H13V16H11V6ZM18 6H16V9H18V6Z'
fill='currentColor'
/>
</g>
</svg>
)
}

3
webapp/src/widgets/icons/calendar.scss Normal file
View file

@ -0,0 +1,3 @@
.CalendarIcon {
stroke-width: 8px;
}

28
webapp/src/widgets/icons/calendar.tsx Normal file
View file

@ -0,0 +1,28 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react'
import './calendar.scss'
export default function CalendarIcon(): JSX.Element {
return (
<svg
width='24'
height='24'
viewBox='0 0 24 24'
fill='currentColor'
xmlns='http://www.w3.org/2000/svg'
className='CalendarIcon Icon'
>
<g opacity='0.8'>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M4 4H20V7L4 7V4ZM4 9L4 20H20V9L4 9ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM6 11H8V13H6V11ZM8 17V15H6V17H8ZM13 11V13H11V11H13ZM13 17V15H11V17H13ZM18 11V13H16V11H18ZM18 17V15H16V17H18Z'
fill='currentColor'
/>
</g>
</svg>
)
}

3
webapp/src/widgets/icons/card.scss
View file

@ -1,6 +1,3 @@
@use './standardIcon.scss';
.CardIcon {
@extend %standard-icon;
stroke-width: 6px;
}

15
webapp/src/widgets/icons/delete.tsx
View file

@ -3,18 +3,15 @@
import React from 'react'
import CompassIcon from './compassIcon'
import './delete.scss'
export default function DeleteIcon(): JSX.Element {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
className='DeleteIcon Icon'
viewBox='0 0 448 512'
>
<path
d='M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z'
/>
</svg>
<CompassIcon
icon='trash-can-outline'
className='trash-can-outline'
/>
)
}

15
webapp/src/widgets/icons/duplicate.tsx
View file

@ -3,18 +3,15 @@
import React from 'react'
import CompassIcon from './compassIcon'
import './duplicate.scss'
export default function DuplicateIcon(): JSX.Element {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
className='DuplicateIcon Icon'
viewBox='0 0 512 512'
>
<path
d='M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z'
/>
</svg>
<CompassIcon
icon='content-copy'
className='content-copy'
/>
)
}

17
webapp/src/widgets/icons/gallery.tsx
View file

@ -8,13 +8,22 @@ import './gallery.scss'
export default function GalleryIcon(): JSX.Element {
return (
<svg
width='24'
height='24'
viewBox='0 0 24 24'
fill='currentColor'
xmlns='http://www.w3.org/2000/svg'
className='GalleryIcon Icon'
viewBox='0 0 512 512'
>
<path
d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z'
/>
<g opacity='0.8'>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M4 4H20V16.4462L16.3273 10.3784C15.9432 9.74384 15.0262 9.7336 14.6281 10.3594L10.6479 16.6154L8.83356 14.2458C8.43849 13.7299 7.66396 13.7219 7.25832 14.2296L4 18.3077V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8.04507 11.7014C9.06719 11.7014 9.89577 10.8728 9.89577 9.8507C9.89577 8.82859 9.06719 8 8.04507 8C7.02296 8 6.19437 8.82859 6.19437 9.8507C6.19437 10.8728 7.02296 11.7014 8.04507 11.7014Z'
fill='currentColor'
/>
</g>
</svg>
)
}

8
webapp/src/widgets/icons/standardIcon.scss
View file

@ -1,8 +0,0 @@
.StandardIcon,
%standard-icon {
stroke: rgba(var(--center-channel-color-rgb), 0.5);
stroke-width: 4px;
fill: none;
width: 24px;
height: 24px;
}

3
webapp/src/widgets/icons/table.scss
View file

@ -1,6 +1,3 @@
@use './standardIcon.scss';
.TableIcon {
@extend %standard-icon;
stroke-width: 8px;
}

24
webapp/src/widgets/icons/table.tsx
View file

@ -8,21 +8,21 @@ import './table.scss'
export default function TableIcon(): JSX.Element {
return (
<svg
width='24'
height='24'
viewBox='0 0 24 24'
fill='currentColor'
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.8'>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M20 4H10V8L20 8V4ZM8 4V8H4V4H8ZM4 14L4 10H8V14H4ZM4 16L4 20H8V16H4ZM10 16V20H20V16L10 16ZM20 14V10L10 10V14L20 14ZM4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z'
fill='currentColor'
/>
</g>
</svg>
)
}

15
webapp/src/widgets/menu/menu.scss
View file

@ -34,6 +34,16 @@
color: rgb(var(--center-channel-color-rgb));
.CompassIcon {
font-size: 18px;
opacity: 0.56;
width: 18px;
&::before {
margin: 0;
}
}
> .menu-option {
display: flex;
flex-direction: row;
@ -70,9 +80,8 @@
> .Icon {
opacity: 0.56;
width: 16px;
height: 16px;
line-height: 16px;
width: 18px;
height: 18px;
}
> .IconButton .Icon {