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

GH-2714 - Updating permissions dropdown (#2726)

Browse Source 
* GH-2708 - Updating permissions dropdown

* Updating UI
This commit is contained in:
Asaad Mahmood 2022-04-08 04:53:28 +05:00 committed by GitHub
parent 68b623ff29
commit 4411bdddb3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
34 changed files with 2485 additions and 1120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
webapp/src/components/__snapshots__/addContentMenuItem.test.tsx.snap
View File

@ -7,15 +7,19 @@ exports[`components/addContentMenuItem return a checkbox menu item 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -35,15 +39,19 @@ exports[`components/addContentMenuItem return a divider menu item 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DividerIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M 432,224 H 16 c -8.836556,0 -16,7.16344 -16,16 v 32 c 0,8.83656 7.163444,16 16,16 h 416 c 8.83656,0 16,-7.16344 16,-16 v -32 c 0,-8.83656 -7.16344,-16 -16,-16 z"
/>
</svg>
<svg
class="DividerIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 432,224 H 16 c -8.836556,0 -16,7.16344 -16,16 v 32 c 0,8.83656 7.163444,16 16,16 h 416 c 8.83656,0 16,-7.16344 16,-16 v -32 c 0,-8.83656 -7.16344,-16 -16,-16 z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -63,15 +71,19 @@ exports[`components/addContentMenuItem return a text menu item 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TextIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
/>
</svg>
<svg
class="TextIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -93,15 +105,19 @@ exports[`components/addContentMenuItem return an image menu item 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="ImageIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<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"
/>
</svg>
<svg
class="ImageIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<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"
/>
</svg>
</div>
<div
class="menu-name"
>

38
webapp/src/components/__snapshots__/blockIconSelector.test.tsx.snap
View File

@ -54,15 +54,19 @@ exports[`components/blockIconSelector return menu on click 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="EmojiIcon Icon"
viewBox="0 0 496 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm4 72.6c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.7-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.1-8.4-25.3-7.1-33.8 3.1z"
/>
</svg>
<svg
class="EmojiIcon Icon"
viewBox="0 0 496 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm4 72.6c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.7-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.1-8.4-25.3-7.1-33.8 3.1z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -109,9 +113,13 @@ exports[`components/blockIconSelector return menu on click 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -135,8 +143,12 @@ exports[`components/blockIconSelector return menu on click 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

62
webapp/src/components/__snapshots__/cardDialog.test.tsx.snap
View File

@ -24,9 +24,7 @@ exports[`components/cardDialog already following card 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<button
type="button"
>
@ -302,9 +300,7 @@ exports[`components/cardDialog return a cardDialog readonly 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<button
type="button"
>
@ -409,9 +405,7 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<button
type="button"
>
@ -447,9 +441,13 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -466,9 +464,13 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -485,9 +487,13 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-plus undefined"
/>
<div
class=""
>
<i
class="CompassIcon icon-plus undefined"
/>
</div>
<div
class="menu-name"
>
@ -511,8 +517,12 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -780,9 +790,7 @@ exports[`components/cardDialog return cardDialog menu content and cancel delete
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<button
type="button"
>
@ -1058,9 +1066,7 @@ exports[`components/cardDialog should match snapshot 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<button
type="button"
>
@ -1336,9 +1342,7 @@ exports[`components/cardDialog should match snapshot without permissions 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<button
type="button"
>

70
webapp/src/components/__snapshots__/contentBlock.test.tsx.snap
View File

@ -38,18 +38,22 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="SortUpIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="50,20 50,80"
/>
<polyline
points="30,40 50,20 70,40"
/>
</svg>
<svg
class="SortUpIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="50,20 50,80"
/>
<polyline
points="30,40 50,20 70,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -66,18 +70,22 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="SortDownIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="50,20 50,80"
/>
<polyline
points="30,60 50,80 70,60"
/>
</svg>
<svg
class="SortDownIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="50,20 50,80"
/>
<polyline
points="30,60 50,80 70,60"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -118,9 +126,13 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -144,8 +156,12 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

376
webapp/src/components/__snapshots__/viewMenu.test.tsx.snap
View File

@ -20,25 +20,29 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<g
opacity="0.8"
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<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>
<div
class="menu-name"
>
@ -55,25 +59,29 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<g
opacity="0.8"
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<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>
<div
class="menu-name"
>
@ -95,9 +103,13 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -114,9 +126,13 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -164,8 +180,12 @@ Object {
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -196,25 +216,29 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<g
opacity="0.8"
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<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>
<div
class="menu-name"
>
@ -231,25 +255,29 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<g
opacity="0.8"
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<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>
<div
class="menu-name"
>
@ -271,9 +299,13 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -290,9 +322,13 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -340,8 +376,12 @@ Object {
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -429,25 +469,29 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<g
opacity="0.8"
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<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>
<div
class="menu-name"
>
@ -464,25 +508,29 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<g
opacity="0.8"
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<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>
<div
class="menu-name"
>
@ -514,8 +562,12 @@ Object {
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -546,25 +598,29 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<g
opacity="0.8"
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<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>
<div
class="menu-name"
>
@ -581,25 +637,29 @@ Object {
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<g
opacity="0.8"
<svg
class="TableIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<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>
<div
class="menu-name"
>
@ -631,8 +691,12 @@ Object {
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

176
webapp/src/components/cardDetail/__snapshots__/cardDetailContentsMenu.test.tsx.snap
View File

@ -33,15 +33,19 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TextIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
/>
</svg>
<svg
class="TextIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -58,15 +62,19 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="ImageIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<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"
/>
</svg>
<svg
class="ImageIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<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"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -83,15 +91,19 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DividerIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M 432,224 H 16 c -8.836556,0 -16,7.16344 -16,16 v 32 c 0,8.83656 7.163444,16 16,16 h 416 c 8.83656,0 16,-7.16344 16,-16 v -32 c 0,-8.83656 -7.16344,-16 -16,-16 z"
/>
</svg>
<svg
class="DividerIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 432,224 H 16 c -8.836556,0 -16,7.16344 -16,16 v 32 c 0,8.83656 7.163444,16 16,16 h 416 c 8.83656,0 16,-7.16344 16,-16 v -32 c 0,-8.83656 -7.16344,-16 -16,-16 z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -108,15 +120,19 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -140,8 +156,12 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -192,15 +212,19 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="TextIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
/>
</svg>
<svg
class="TextIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -217,15 +241,19 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="ImageIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<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"
/>
</svg>
<svg
class="ImageIcon Icon"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<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"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -242,15 +270,19 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="DividerIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M 432,224 H 16 c -8.836556,0 -16,7.16344 -16,16 v 32 c 0,8.83656 7.163444,16 16,16 h 416 c 8.83656,0 16,-7.16344 16,-16 v -32 c 0,-8.83656 -7.16344,-16 -16,-16 z"
/>
</svg>
<svg
class="DividerIcon Icon"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 432,224 H 16 c -8.836556,0 -16,7.16344 -16,16 v 32 c 0,8.83656 7.163444,16 16,16 h 416 c 8.83656,0 16,-7.16344 16,-16 v -32 c 0,-8.83656 -7.16344,-16 -16,-16 z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -267,15 +299,19 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -299,8 +335,12 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

120
webapp/src/components/cardDetail/__snapshots__/cardDetailProperties.test.tsx.snap
View File

@ -406,8 +406,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -423,8 +427,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -440,8 +448,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -457,8 +469,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -474,8 +490,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -491,8 +511,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -508,8 +532,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -525,8 +553,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -542,8 +574,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -559,8 +595,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -576,8 +616,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -593,8 +637,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -610,8 +658,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -627,8 +679,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -652,8 +708,12 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

36
webapp/src/components/cardDetail/__snapshots__/comment.test.tsx.snap
View File

@ -53,9 +53,13 @@ exports[`components/cardDetail/comment return comment 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -79,8 +83,12 @@ exports[`components/cardDetail/comment return comment 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -159,9 +167,13 @@ exports[`components/cardDetail/comment return comment and delete comment 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -185,8 +197,12 @@ exports[`components/cardDetail/comment return comment and delete comment 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

2
webapp/src/components/dialog.tsx
View File

@ -57,7 +57,7 @@ const Dialog = (props: Props) => {
size='medium'
/>
}
{toolbar && <div className='cardToolbar'>{toolbar}</div>}
{toolbar && <div>{toolbar}</div>}
{toolsMenu && <MenuWrapper>
<IconButton
size='medium'

56
webapp/src/components/gallery/__snapshots__/gallery.test.tsx.snap
View File

@ -139,9 +139,13 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -156,9 +160,13 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -175,9 +183,13 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -201,8 +213,12 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -298,9 +314,13 @@ exports[`src/components/gallery/Gallery should match snapshot without permission
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -324,8 +344,12 @@ exports[`src/components/gallery/Gallery should match snapshot without permission
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

190
webapp/src/components/gallery/__snapshots__/galleryCard.test.tsx.snap
View File

@ -60,9 +60,13 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -77,9 +81,13 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -96,9 +104,13 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -122,8 +134,12 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -190,9 +206,13 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -207,9 +227,13 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -226,9 +250,13 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -252,8 +280,12 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -356,9 +388,13 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -373,9 +409,13 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -392,9 +432,13 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -418,8 +462,12 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -490,9 +538,13 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -507,9 +559,13 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -526,9 +582,13 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -552,8 +612,12 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -782,9 +846,13 @@ exports[`src/components/gallery/GalleryCard without block content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -799,9 +867,13 @@ exports[`src/components/gallery/GalleryCard without block content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -818,9 +890,13 @@ exports[`src/components/gallery/GalleryCard without block content should match s
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -844,8 +920,12 @@ exports[`src/components/gallery/GalleryCard without block content should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

272
webapp/src/components/globalHeader/__snapshots__/globalHeaderSettingsMenu.test.tsx.snap
View File

@ -63,8 +63,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -80,8 +84,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -97,8 +105,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -114,8 +126,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -131,8 +147,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -148,8 +168,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -172,8 +196,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -195,8 +223,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -261,8 +293,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -286,8 +322,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -362,8 +402,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -411,8 +455,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -434,8 +482,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -451,8 +503,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -468,8 +524,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -485,8 +545,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -502,8 +566,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -519,8 +587,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -536,8 +608,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -553,8 +629,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -570,8 +650,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -587,8 +671,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -604,8 +692,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -621,8 +713,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -638,8 +734,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -655,8 +755,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -672,8 +776,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -689,8 +797,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -713,8 +825,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -759,8 +875,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -784,8 +904,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -882,8 +1006,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu settings menu open should m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -948,8 +1076,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu settings menu open should m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -973,8 +1105,12 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu settings menu open should m
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

114
webapp/src/components/kanban/__snapshots__/kanbanCard.test.tsx.snap
View File

@ -34,9 +34,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -51,9 +55,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -70,9 +78,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -96,8 +108,12 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -171,9 +187,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -188,9 +208,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -207,9 +231,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -233,8 +261,12 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -308,9 +340,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -325,9 +361,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
<div
class=""
>
<i
class="CompassIcon icon-content-copy content-copy"
/>
</div>
<div
class="menu-name"
>
@ -344,9 +384,13 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
@ -370,8 +414,12 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

38
webapp/src/components/kanban/__snapshots__/kanbanColumnHeader.test.tsx.snap
View File

@ -62,15 +62,19 @@ exports[`src/components/kanban/kanbanColumnHeader return kanbanColumnHeader and
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="HideIcon Icon"
viewBox="0 0 640 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
/>
</svg>
<svg
class="HideIcon Icon"
viewBox="0 0 640 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -87,9 +91,13 @@ exports[`src/components/kanban/kanbanColumnHeader return kanbanColumnHeader and
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -286,8 +294,12 @@ exports[`src/components/kanban/kanbanColumnHeader return kanbanColumnHeader and
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

56
webapp/src/components/kanban/__snapshots__/kanbanHiddenColumnItem.test.tsx.snap
View File

@ -30,15 +30,19 @@ exports[`src/components/kanban/kanbanHiddenColumnItem return kanbanHiddenColumnI
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="ShowIcon Icon"
viewBox="0 0 576 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
/>
</svg>
<svg
class="ShowIcon Icon"
viewBox="0 0 576 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -62,8 +66,12 @@ exports[`src/components/kanban/kanbanHiddenColumnItem return kanbanHiddenColumnI
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -119,15 +127,19 @@ exports[`src/components/kanban/kanbanHiddenColumnItem return kanbanHiddenColumnI
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="ShowIcon Icon"
viewBox="0 0 576 512"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<path
d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
/>
</svg>
<svg
class="ShowIcon Icon"
viewBox="0 0 576 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -151,8 +163,12 @@ exports[`src/components/kanban/kanbanHiddenColumnItem return kanbanHiddenColumnI
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

36
webapp/src/components/shareBoard/__snapshots__/shareBoard.test.tsx.snap
View File

@ -24,9 +24,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>
@ -248,9 +246,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>
@ -472,9 +468,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Regene
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>
@ -719,9 +713,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard, and click switc
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>
@ -966,9 +958,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoardComponent and cli
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>
@ -1213,9 +1203,7 @@ exports[`src/components/shareBoard/shareBoard should match snapshot 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>
@ -1437,9 +1425,7 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>
@ -1661,9 +1647,7 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>
@ -1885,9 +1869,7 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="cardToolbar"
>
<div>
<span
class="text-heading5"
>

7
webapp/src/components/shareBoard/shareBoard.scss
View File

@ -207,6 +207,9 @@
border: 0;
color: rgba(var(--link-color-rgb), 1);
padding: 0;
display: flex;
align-items: center;
gap: 4px;
&:hover {
text-decoration: underline;
@ -215,8 +218,8 @@
.Menu {
position: fixed;
left: 55%;
right: calc(45% - 240px);
left: 53%;
right: auto;
.menu-contents {
min-width: 240px;

2
webapp/src/components/shareBoard/teamPermissionsRow.tsx
View File

@ -60,12 +60,14 @@ const TeamPermissionsRow = (): JSX.Element => {
<Menu position='left'>
<Menu.Text
id='Editor'
check={true}
icon={currentRole === 'Editor' ? <CheckIcon/> : null}
name={intl.formatMessage({id: 'BoardMember.schemeEditor', defaultMessage: 'Editor'})}
onClick={() => updateBoardType(board, BoardTypeOpen)}
/>
<Menu.Text
id='None'
check={true}
icon={currentRole === 'None' ? <CheckIcon/> : null}
name={intl.formatMessage({id: 'BoardMember.schemeNone', defaultMessage: 'None'})}
onClick={() => updateBoardType(board, BoardTypePrivate)}

3
webapp/src/components/shareBoard/userPermissionsRow.tsx
View File

@ -63,18 +63,21 @@ const UserPermissionsRow = (props: Props): JSX.Element => {
<Menu position='left'>
<Menu.Text
id='Viewer'
check={true}
icon={currentRole === 'Viewer' ? <CheckIcon/> : null}
name={intl.formatMessage({id: 'BoardMember.schemeViewer', defaultMessage: 'Viewer'})}
onClick={() => props.onUpdateBoardMember(member, 'Viewer')}
/>
<Menu.Text
id='Editor'
check={true}
icon={currentRole === 'Editor' ? <CheckIcon/> : null}
name={intl.formatMessage({id: 'BoardMember.schemeEditor', defaultMessage: 'Editor'})}
onClick={() => props.onUpdateBoardMember(member, 'Editor')}
/>
<Menu.Text
id='Admin'
check={true}
icon={currentRole === 'Admin' ? <CheckIcon/> : null}
name={intl.formatMessage({id: 'BoardMember.schemeAdmin', defaultMessage: 'Admin'})}
onClick={() => props.onUpdateBoardMember(member, 'Admin')}

304
webapp/src/components/sidebar/__snapshots__/sidebarSettingsMenu.test.tsx.snap
View File

@ -61,8 +61,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -78,8 +82,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -95,8 +103,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -112,8 +124,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -129,8 +145,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -146,8 +166,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -170,8 +194,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -193,8 +221,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -289,8 +321,12 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -363,8 +399,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -412,8 +452,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -435,8 +479,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -452,8 +500,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -469,8 +521,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -486,8 +542,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -503,8 +563,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -520,8 +584,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -537,8 +605,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -554,8 +626,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -571,8 +647,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -588,8 +668,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -605,8 +689,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -622,8 +710,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -639,8 +731,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -656,8 +752,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -673,8 +773,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -690,8 +794,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -714,8 +822,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -790,8 +902,12 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -884,8 +1000,12 @@ exports[`components/sidebar/SidebarSettingsMenu settings menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -980,8 +1100,12 @@ exports[`components/sidebar/SidebarSettingsMenu settings menu open should match
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1054,8 +1178,12 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1127,8 +1255,12 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1150,8 +1282,12 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1167,8 +1303,12 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1184,8 +1324,12 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1208,8 +1352,12 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1260,8 +1408,12 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

104
webapp/src/components/table/__snapshots__/tableHeaderMenu.test.tsx.snap
View File

@ -18,8 +18,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -37,8 +41,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -56,8 +64,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -75,8 +87,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -94,8 +110,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -111,8 +131,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -128,8 +152,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -153,8 +181,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -188,8 +220,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -207,8 +243,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -226,8 +266,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -245,8 +289,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -271,8 +319,12 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

118
webapp/src/components/viewHeader/__snapshots__/emptyCardButton.test.tsx.snap
View File

@ -7,20 +7,24 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton 1`] = `
class="MenuOption TextOption menu-option bold-menu-text"
role="button"
>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -51,20 +55,24 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and Set Te
class="MenuOption TextOption menu-option bold-menu-text"
role="button"
>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -98,15 +106,19 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and Set Te
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -130,8 +142,12 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and Set Te
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -156,20 +172,24 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and addCar
class="MenuOption TextOption menu-option bold-menu-text"
role="button"
>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
</div>
<div
class="menu-name"
>

160
webapp/src/components/viewHeader/__snapshots__/filterComponent.test.tsx.snap
View File

@ -54,8 +54,12 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -73,8 +77,12 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -92,8 +100,12 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -111,8 +123,12 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -136,8 +152,12 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -245,8 +265,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -264,8 +288,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -283,8 +311,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -302,8 +334,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -327,8 +363,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -450,8 +490,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -469,8 +513,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -488,8 +536,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -507,8 +559,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -532,8 +588,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -627,8 +687,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -646,8 +710,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -665,8 +733,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -684,8 +756,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -709,8 +785,12 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

280
webapp/src/components/viewHeader/__snapshots__/filterEntry.test.tsx.snap
View File

@ -34,8 +34,12 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -53,8 +57,12 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -72,8 +80,12 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -91,8 +103,12 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -116,8 +132,12 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -208,8 +228,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -227,8 +251,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -246,8 +274,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -265,8 +297,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -290,8 +326,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -368,8 +408,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -387,8 +431,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -406,8 +454,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -425,8 +477,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -450,8 +506,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -528,8 +588,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -547,8 +611,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -566,8 +634,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -585,8 +657,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -610,8 +686,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -688,8 +768,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -707,8 +791,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -726,8 +814,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -745,8 +837,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -770,8 +866,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -848,8 +948,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -867,8 +971,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -886,8 +994,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -905,8 +1017,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -930,8 +1046,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -994,8 +1114,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1013,8 +1137,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1032,8 +1160,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1051,8 +1183,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -1076,8 +1212,12 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

8
webapp/src/components/viewHeader/__snapshots__/filterValue.test.tsx.snap
View File

@ -60,8 +60,12 @@ exports[`components/viewHeader/filterValue return filterValue 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

144
webapp/src/components/viewHeader/__snapshots__/newCardButton.test.tsx.snap
View File

@ -38,20 +38,24 @@ exports[`components/viewHeader/newCardButton return NewCardButton 1`] = `
class="MenuOption TextOption menu-option bold-menu-text"
role="button"
>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -79,9 +83,13 @@ exports[`components/viewHeader/newCardButton return NewCardButton 1`] = `
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-plus AddIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-plus AddIcon"
/>
</div>
<div
class="menu-name"
>
@ -105,8 +113,12 @@ exports[`components/viewHeader/newCardButton return NewCardButton 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -162,20 +174,24 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCard 1`
class="MenuOption TextOption menu-option bold-menu-text"
role="button"
>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -203,9 +219,13 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCard 1`
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-plus AddIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-plus AddIcon"
/>
</div>
<div
class="menu-name"
>
@ -229,8 +249,12 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCard 1`
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -286,20 +310,24 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCardTem
class="MenuOption TextOption menu-option bold-menu-text"
role="button"
>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
<svg
class="CardIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="40"
rx="3"
ry="3"
width="60"
x="20"
y="30"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -327,9 +355,13 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCardTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-plus AddIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-plus AddIcon"
/>
</div>
<div
class="menu-name"
>
@ -353,8 +385,12 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCardTem
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

232
webapp/src/components/viewHeader/__snapshots__/newCardButtonTemplateItem.test.tsx.snap
View File

@ -8,9 +8,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="Icon"
class=""
>
i
<div
class="Icon"
>
i
</div>
</div>
<div
class="menu-name"
@ -45,15 +49,19 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -70,9 +78,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
/>
</div>
<div
class="menu-name"
>
@ -89,9 +101,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -115,8 +131,12 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -142,9 +162,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="Icon"
class=""
>
i
<div
class="Icon"
>
i
</div>
</div>
<div
class="menu-name"
@ -179,15 +203,19 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -204,9 +232,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
/>
</div>
<div
class="menu-name"
>
@ -223,9 +255,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -249,8 +285,12 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -276,9 +316,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="Icon"
class=""
>
i
<div
class="Icon"
>
i
</div>
</div>
<div
class="menu-name"
@ -311,9 +355,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="Icon"
class=""
>
i
<div
class="Icon"
>
i
</div>
</div>
<div
class="menu-name"
@ -348,15 +396,19 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -373,9 +425,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
/>
</div>
<div
class="menu-name"
>
@ -392,9 +448,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -418,8 +478,12 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -445,9 +509,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="Icon"
class=""
>
i
<div
class="Icon"
>
i
</div>
</div>
<div
class="menu-name"
@ -482,15 +550,19 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
<div
class=""
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
<svg
class="CheckIcon Icon"
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="20,60 40,80 80,40"
/>
</svg>
</div>
<div
class="menu-name"
>
@ -507,9 +579,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
/>
<div
class=""
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
/>
</div>
<div
class="menu-name"
>
@ -526,9 +602,13 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
class="MenuOption TextOption menu-option"
role="button"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
@ -552,8 +632,12 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

72
webapp/src/components/viewHeader/__snapshots__/viewHeaderActionsMenu.test.tsx.snap
View File

@ -34,8 +34,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -53,8 +57,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -78,8 +86,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -131,8 +143,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -150,8 +166,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -175,8 +195,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -228,8 +252,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -247,8 +275,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -272,8 +304,12 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

216
webapp/src/components/viewHeader/__snapshots__/viewHeaderGroupByMenu.test.tsx.snap
View File

@ -36,8 +36,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -59,8 +63,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -81,8 +89,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -106,8 +118,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -125,8 +141,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -144,8 +164,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -169,8 +193,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -223,8 +251,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -246,8 +278,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -268,8 +304,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -293,8 +333,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -312,8 +356,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -331,8 +379,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -356,8 +408,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -411,8 +467,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -436,8 +496,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -455,8 +519,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -474,8 +542,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -499,8 +571,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -577,8 +653,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -600,8 +680,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -623,8 +707,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -645,8 +733,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -670,8 +762,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -689,8 +785,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -708,8 +808,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -733,8 +837,12 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

16
webapp/src/components/viewHeader/__snapshots__/viewHeaderPropertiesMenu.test.tsx.snap
View File

@ -153,8 +153,12 @@ exports[`components/viewHeader/viewHeaderPropertiesMenu return properties menu 1
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -346,8 +350,12 @@ exports[`components/viewHeader/viewHeaderPropertiesMenu return properties menu w
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

64
webapp/src/components/viewHeader/__snapshots__/viewHeaderSortMenu.test.tsx.snap
View File

@ -31,8 +31,12 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -48,8 +52,12 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -70,8 +78,12 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -89,8 +101,12 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -108,8 +124,12 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -136,8 +156,12 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -155,8 +179,12 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -180,8 +208,12 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

136
webapp/src/widgets/__snapshots__/propertyMenu.test.tsx.snap
View File

@ -77,8 +77,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -94,8 +98,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -111,8 +119,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -128,8 +140,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -145,8 +161,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -162,8 +182,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -179,8 +203,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -196,8 +224,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -213,8 +245,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -230,8 +266,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -247,8 +287,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -264,8 +308,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -281,8 +329,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -298,8 +350,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -322,8 +378,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -345,8 +405,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
@ -370,8 +434,12 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class="noicon"
/>
class=""
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>

12
webapp/src/widgets/menu/menu.scss
View File

@ -52,7 +52,7 @@
display: flex;
flex-direction: row;
align-items: center;
position: relative;
font-size: 14px;
line-height: 24px;
font-weight: 400;
@ -102,6 +102,16 @@
}
}
.menu-option__check {
position: absolute;
left: 14px;
color: rgba(var(--button-bg-rgb), 1);
svg {
stroke: currentColor;
}
}
.menu-spacer {
height: 20px;
width: 20px;

5
webapp/src/widgets/menu/textOption.tsx
View File

@ -5,13 +5,14 @@ import React from 'react'
import {MenuOptionProps} from './menuItem'
type TextOptionProps = MenuOptionProps & {
check?: boolean
icon?: React.ReactNode,
rightIcon?: React.ReactNode,
className?: string
}
function TextOption(props:TextOptionProps): JSX.Element {
const {name, icon, rightIcon} = props
const {name, icon, rightIcon, check} = props
let className = 'MenuOption TextOption menu-option'
if (props.className) {
className += ' ' + props.className
@ -26,7 +27,7 @@ function TextOption(props:TextOptionProps): JSX.Element {
props.onClick(props.id)
}}
>
{icon ?? <div className='noicon'/>}
<div className={`${check ? 'menu-option__check' : ''}`}>{icon ?? <div className='noicon'/>}</div>
<div className='menu-name'>{name}</div>
{rightIcon ?? <div className='noicon'/>}
</div>