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

Various UI Fixes (#2847)

Browse source 
* Various UI Fixes

Fixes #2810
Fixes #2805
Fixes #2804
Fixes #2797

* Updating tests

* Updating hover for user property

* update snapshot

Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
Co-authored-by: Scott Bishel <scott.bishel@mattermost.com>
This commit is contained in:
Asaad Mahmood 2022-04-20 21:38:33 +05:00 committed by GitHub
parent c64b95cf92
commit cc91584a50
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
40 changed files with 704 additions and 606 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
webapp/src/components/__snapshots__/addContentMenuItem.test.tsx.snap
View file

@ -8,7 +8,7 @@ exports[`components/addContentMenuItem return a checkbox menu item 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CheckIcon Icon"
@ -40,7 +40,7 @@ exports[`components/addContentMenuItem return a divider menu item 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="DividerIcon Icon"
@ -72,7 +72,7 @@ exports[`components/addContentMenuItem return a text menu item 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TextIcon Icon"
@ -106,7 +106,7 @@ exports[`components/addContentMenuItem return an image menu item 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="ImageIcon Icon"

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

@ -55,7 +55,7 @@ exports[`components/blockIconSelector return menu on click 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="EmojiIcon Icon"
@ -114,7 +114,7 @@ exports[`components/blockIconSelector return menu on click 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -143,7 +143,7 @@ exports[`components/blockIconSelector return menu on click 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -24,27 +24,31 @@ exports[`components/cardDialog already following card 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<button
type="button"
>
<span>
Following
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
class="toolbar--right"
>
<button
type="button"
<div>
<button
type="button"
>
<span>
Following
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
<button
type="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
</div>
</div>
</div>
<div
@ -300,14 +304,18 @@ exports[`components/cardDialog return a cardDialog readonly 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
<div
class="toolbar--right"
>
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
</div>
</div>
<div
@ -405,132 +413,136 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
class="toolbar--right"
>
<button
type="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
<div
class="Menu noselect left "
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
>
<button
type="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
<div
class="menu-contents"
class="Menu noselect left "
>
<div
class="menu-options"
>
<div>
<div
aria-label="Delete"
class="MenuOption TextOption menu-option"
role="button"
>
<div
class=""
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
Delete
</div>
<div
class="noicon"
/>
</div>
</div>
<div>
<div
aria-label="Copy link"
class="MenuOption TextOption menu-option"
role="button"
>
<div
class=""
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
Copy link
</div>
<div
class="noicon"
/>
</div>
</div>
<div>
<div
aria-label="New template from card"
class="MenuOption TextOption menu-option"
role="button"
>
<div
class=""
>
<i
class="CompassIcon icon-plus undefined"
/>
</div>
<div
class="menu-name"
>
New template from card
</div>
<div
class="noicon"
/>
</div>
</div>
</div>
<div
class="menu-spacer hideOnWidescreen"
/>
<div
class="menu-options hideOnWidescreen"
class="menu-contents"
>
<div
aria-label="Cancel"
class="MenuOption TextOption menu-option menu-cancel"
role="button"
class="menu-options"
>
<div>
<div
aria-label="Delete"
class="MenuOption TextOption menu-option"
role="button"
>
<div
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
/>
</div>
<div
class="menu-name"
>
Delete
</div>
<div
class="noicon"
/>
</div>
</div>
<div>
<div
aria-label="Copy link"
class="MenuOption TextOption menu-option"
role="button"
>
<div
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
/>
</div>
<div
class="menu-name"
>
Copy link
</div>
<div
class="noicon"
/>
</div>
</div>
<div>
<div
aria-label="New template from card"
class="MenuOption TextOption menu-option"
role="button"
>
<div
class="d-flex"
>
<i
class="CompassIcon icon-plus undefined"
/>
</div>
<div
class="menu-name"
>
New template from card
</div>
<div
class="noicon"
/>
</div>
</div>
</div>
<div
class="menu-spacer hideOnWidescreen"
/>
<div
class="menu-options hideOnWidescreen"
>
<div
class=""
aria-label="Cancel"
class="MenuOption TextOption menu-option menu-cancel"
role="button"
>
<div
class="d-flex"
>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
Cancel
</div>
<div
class="noicon"
/>
</div>
<div
class="menu-name"
>
Cancel
</div>
<div
class="noicon"
/>
</div>
</div>
</div>
@ -790,27 +802,31 @@ exports[`components/cardDialog return cardDialog menu content and cancel delete
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
class="toolbar--right"
>
<button
type="button"
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
<button
type="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
</div>
</div>
</div>
<div
@ -1066,27 +1082,31 @@ exports[`components/cardDialog should match snapshot 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
class="toolbar--right"
>
<button
type="button"
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
<button
type="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
</div>
</div>
</div>
<div
@ -1342,27 +1362,31 @@ exports[`components/cardDialog should match snapshot without permissions 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
class="toolbar--right"
>
<button
type="button"
<div>
<button
type="button"
>
<span>
Follow
</span>
</button>
</div>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
<button
type="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
</div>
</div>
</div>
<div

6
webapp/src/components/__snapshots__/confirmationDialogBox.test.tsx.snap
View file

@ -25,6 +25,9 @@ exports[`/components/confirmationDialogBox confirmDialog should match snapshot 1
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
<div
class="box-area"
@ -94,6 +97,9 @@ exports[`/components/confirmationDialogBox confirmDialog with Confirm Button Tex
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
<div
class="box-area"

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

@ -39,7 +39,7 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="SortUpIcon Icon"
@ -71,7 +71,7 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="SortDownIcon Icon"
@ -127,7 +127,7 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -156,7 +156,7 @@ exports[`components/contentBlock return commentBlock and click on menuwrapper 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

27
webapp/src/components/__snapshots__/dialog.test.tsx.snap
View file

@ -25,6 +25,9 @@ exports[`components/dialog should match snapshot 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
<div
id="test"
@ -61,18 +64,22 @@ exports[`components/dialog should return dialog and click on cancel button 1`] =
/>
</button>
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
class="toolbar--right"
>
<button
class="IconButton size--medium"
type="button"
<div
aria-label="menuwrapper"
class="MenuWrapper"
role="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
<button
class="IconButton size--medium"
type="button"
>
<i
class="CompassIcon icon-dots-horizontal OptionsIcon"
/>
</button>
</div>
</div>
</div>
<div

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

@ -21,7 +21,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TableIcon Icon"
@ -60,7 +60,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TableIcon Icon"
@ -104,7 +104,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -127,7 +127,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -180,7 +180,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -217,7 +217,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TableIcon Icon"
@ -256,7 +256,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TableIcon Icon"
@ -300,7 +300,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -323,7 +323,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -376,7 +376,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -470,7 +470,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TableIcon Icon"
@ -509,7 +509,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TableIcon Icon"
@ -562,7 +562,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -599,7 +599,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TableIcon Icon"
@ -638,7 +638,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TableIcon Icon"
@ -691,7 +691,7 @@ Object {
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

3
webapp/src/components/boardTemplateSelector/__snapshots__/boardTemplateSelectorItem.test.tsx.snap
View file

@ -164,6 +164,9 @@ exports[`components/boardTemplateSelector/boardTemplateSelectorItem should trigg
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
<div
class="container"

3
webapp/src/components/boardsSwitcherDialog/__snapshots__/boardSwitcherDialog.test.tsx.snap
View file

@ -25,6 +25,9 @@ exports[`component/BoardSwitcherDialog base case 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div
class="toolbar--right"
/>
</div>
<div
class="BoardSwitcherDialogBody"

20
webapp/src/components/cardDetail/__snapshots__/cardDetailContentsMenu.test.tsx.snap
View file

@ -34,7 +34,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TextIcon Icon"
@ -63,7 +63,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="ImageIcon Icon"
@ -92,7 +92,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="DividerIcon Icon"
@ -121,7 +121,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CheckIcon Icon"
@ -156,7 +156,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -213,7 +213,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="TextIcon Icon"
@ -242,7 +242,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="ImageIcon Icon"
@ -271,7 +271,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="DividerIcon Icon"
@ -300,7 +300,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CheckIcon Icon"
@ -335,7 +335,7 @@ exports[`components/cardDetail/cardDetailContentsMenu return cardDetailContentsM
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

30
webapp/src/components/cardDetail/__snapshots__/cardDetailProperties.test.tsx.snap
View file

@ -406,7 +406,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -427,7 +427,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -448,7 +448,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -469,7 +469,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -490,7 +490,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -511,7 +511,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -532,7 +532,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -553,7 +553,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -574,7 +574,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -595,7 +595,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -616,7 +616,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -637,7 +637,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -658,7 +658,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -679,7 +679,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -708,7 +708,7 @@ exports[`components/cardDetail/CardDetailProperties should show property types m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -54,7 +54,7 @@ exports[`components/cardDetail/comment return comment 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -83,7 +83,7 @@ exports[`components/cardDetail/comment return comment 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -168,7 +168,7 @@ exports[`components/cardDetail/comment return comment and delete comment 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -197,7 +197,7 @@ exports[`components/cardDetail/comment return comment and delete comment 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

1
webapp/src/components/cardDetail/cardDetail.scss
View file

@ -66,6 +66,7 @@
.ValueSelector {
padding: 4px 0;
background-color: rgba(var(--center-channel-color-rgb), 0.08);
width: auto;
}
.ValueSelector__menu {

1
webapp/src/components/cardDialog.tsx
View file

@ -156,6 +156,7 @@ const CardDialog = (props: Props): JSX.Element => {
const followBtn = (
<Button
className='cardFollowBtn follow'
size='medium'
onClick={() => mutator.followBlock(props.cardId, 'card', me!.id)}
>
{intl.formatMessage({id: 'CardDetail.Follow', defaultMessage: 'Follow'})}

5
webapp/src/components/dialog.scss
View file

@ -77,6 +77,11 @@
justify-content: space-between;
}
.toolbar--right {
display: flex;
gap: 8px;
}
> .content {
display: flex;
flex-direction: column;

20
webapp/src/components/dialog.tsx
View file

@ -57,15 +57,17 @@ const Dialog = (props: Props) => {
size='medium'
/>
}
{toolbar && <div>{toolbar}</div>}
{toolsMenu && <MenuWrapper>
<IconButton
size='medium'
icon={<OptionsIcon/>}
/>
{toolsMenu}
</MenuWrapper>
}
<div className='toolbar--right'>
{toolbar && <div>{toolbar}</div>}
{toolsMenu && <MenuWrapper>
<IconButton
size='medium'
icon={<OptionsIcon/>}
/>
{toolsMenu}
</MenuWrapper>
}
</div>
</div>
{props.children}
</div>

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

@ -140,7 +140,7 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -161,7 +161,7 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -184,7 +184,7 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -213,7 +213,7 @@ exports[`src/components/gallery/Gallery should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -315,7 +315,7 @@ exports[`src/components/gallery/Gallery should match snapshot without permission
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -344,7 +344,7 @@ exports[`src/components/gallery/Gallery should match snapshot without permission
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -63,7 +63,7 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -84,7 +84,7 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -107,7 +107,7 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -136,7 +136,7 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -211,7 +211,7 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -232,7 +232,7 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -255,7 +255,7 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -284,7 +284,7 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -397,7 +397,7 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -418,7 +418,7 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -441,7 +441,7 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -470,7 +470,7 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -549,7 +549,7 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -570,7 +570,7 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -593,7 +593,7 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -622,7 +622,7 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -867,7 +867,7 @@ exports[`src/components/gallery/GalleryCard without block content should match s
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -888,7 +888,7 @@ exports[`src/components/gallery/GalleryCard without block content should match s
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -911,7 +911,7 @@ exports[`src/components/gallery/GalleryCard without block content should match s
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -940,7 +940,7 @@ exports[`src/components/gallery/GalleryCard without block content should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

62
webapp/src/components/globalHeader/__snapshots__/globalHeaderSettingsMenu.test.tsx.snap
View file

@ -63,7 +63,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -84,7 +84,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -105,7 +105,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -126,7 +126,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -147,7 +147,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -168,7 +168,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -196,7 +196,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -270,7 +270,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -299,7 +299,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu imports menu open should ma
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -409,7 +409,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -436,7 +436,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -457,7 +457,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -478,7 +478,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -499,7 +499,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -520,7 +520,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -541,7 +541,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -562,7 +562,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -583,7 +583,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -604,7 +604,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -625,7 +625,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -646,7 +646,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -667,7 +667,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -688,7 +688,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -709,7 +709,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -730,7 +730,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -751,7 +751,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -779,7 +779,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -829,7 +829,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -858,7 +858,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu languages menu open should
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1007,7 +1007,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu settings menu open should m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1036,7 +1036,7 @@ exports[`components/sidebar/GlobalHeaderSettingsMenu settings menu open should m
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -35,7 +35,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -56,7 +56,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -79,7 +79,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -108,7 +108,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on copy li
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -188,7 +188,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -209,7 +209,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -232,7 +232,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -261,7 +261,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on delete
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -341,7 +341,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -362,7 +362,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-content-copy content-copy"
@ -385,7 +385,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-link-variant LinkIcon"
@ -414,7 +414,7 @@ exports[`src/components/kanban/kanbanCard return kanbanCard and click on duplica
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

6
webapp/src/components/kanban/__snapshots__/kanbanColumnHeader.test.tsx.snap
View file

@ -63,7 +63,7 @@ exports[`src/components/kanban/kanbanColumnHeader return kanbanColumnHeader and
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="HideIcon Icon"
@ -92,7 +92,7 @@ exports[`src/components/kanban/kanbanColumnHeader return kanbanColumnHeader and
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -294,7 +294,7 @@ exports[`src/components/kanban/kanbanColumnHeader return kanbanColumnHeader and
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

8
webapp/src/components/kanban/__snapshots__/kanbanHiddenColumnItem.test.tsx.snap
View file

@ -31,7 +31,7 @@ exports[`src/components/kanban/kanbanHiddenColumnItem return kanbanHiddenColumnI
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="ShowIcon Icon"
@ -66,7 +66,7 @@ exports[`src/components/kanban/kanbanHiddenColumnItem return kanbanHiddenColumnI
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -128,7 +128,7 @@ exports[`src/components/kanban/kanbanHiddenColumnItem return kanbanHiddenColumnI
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="ShowIcon Icon"
@ -163,7 +163,7 @@ exports[`src/components/kanban/kanbanHiddenColumnItem return kanbanHiddenColumnI
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

8
webapp/src/components/properties/user/user.scss
View file

@ -1,8 +1,14 @@
.UserProperty {
padding: 4px 8px;
margin-right: 20px;
min-width: 120px;
min-width: 180px;
display: flex;
align-items: center;
border-radius: 4px;
&:hover {
background-color: rgba(var(--center-channel-color-rgb), 0.08);
}
&.readonly {
overflow: hidden;

144
webapp/src/components/shareBoard/__snapshots__/shareBoard.test.tsx.snap
View file

@ -24,12 +24,16 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div
@ -246,12 +250,16 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div
@ -468,12 +476,16 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Regene
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div
@ -713,12 +725,16 @@ exports[`src/components/shareBoard/shareBoard return shareBoard, and click switc
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div
@ -958,12 +974,16 @@ exports[`src/components/shareBoard/shareBoard return shareBoardComponent and cli
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div
@ -1203,12 +1223,16 @@ exports[`src/components/shareBoard/shareBoard should match snapshot 1`] = `
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div
@ -1425,12 +1449,16 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div
@ -1647,12 +1675,16 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div
@ -1869,12 +1901,16 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
class="CompassIcon icon-close CloseIcon"
/>
</button>
<div>
<span
class="text-heading5"
>
Share Board
</span>
<div
class="toolbar--right"
>
<div>
<span
class="text-heading5"
>
Share Board
</span>
</div>
</div>
</div>
<div

76
webapp/src/components/sidebar/__snapshots__/sidebarSettingsMenu.test.tsx.snap
View file

@ -61,7 +61,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -82,7 +82,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -103,7 +103,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -124,7 +124,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -145,7 +145,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -166,7 +166,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -194,7 +194,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -221,7 +221,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -321,7 +321,7 @@ exports[`components/sidebar/SidebarSettingsMenu imports menu open should match s
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -399,7 +399,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -452,7 +452,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -479,7 +479,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -500,7 +500,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -521,7 +521,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -542,7 +542,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -563,7 +563,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -584,7 +584,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -605,7 +605,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -626,7 +626,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -647,7 +647,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -668,7 +668,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -689,7 +689,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -710,7 +710,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -731,7 +731,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -752,7 +752,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -773,7 +773,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -794,7 +794,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -822,7 +822,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -902,7 +902,7 @@ exports[`components/sidebar/SidebarSettingsMenu languages menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1000,7 +1000,7 @@ exports[`components/sidebar/SidebarSettingsMenu settings menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1100,7 +1100,7 @@ exports[`components/sidebar/SidebarSettingsMenu settings menu open should match
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1178,7 +1178,7 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1255,7 +1255,7 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1282,7 +1282,7 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1303,7 +1303,7 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1324,7 +1324,7 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1352,7 +1352,7 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1408,7 +1408,7 @@ exports[`components/sidebar/SidebarSettingsMenu theme menu open should match sna
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

26
webapp/src/components/table/__snapshots__/tableHeaderMenu.test.tsx.snap
View file

@ -18,7 +18,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -41,7 +41,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -64,7 +64,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -87,7 +87,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -110,7 +110,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -131,7 +131,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -152,7 +152,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -181,7 +181,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, other column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -220,7 +220,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -243,7 +243,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -266,7 +266,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -289,7 +289,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -319,7 +319,7 @@ exports[`components/table/TableHeaderMenu should match snapshot, title column 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

10
webapp/src/components/viewHeader/__snapshots__/emptyCardButton.test.tsx.snap
View file

@ -8,7 +8,7 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CardIcon Icon"
@ -56,7 +56,7 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and Set Te
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CardIcon Icon"
@ -107,7 +107,7 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and Set Te
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CheckIcon Icon"
@ -142,7 +142,7 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and Set Te
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -173,7 +173,7 @@ exports[`components/viewHeader/emptyCardButton return EmptyCardButton and addCar
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CardIcon Icon"

40
webapp/src/components/viewHeader/__snapshots__/filterComponent.test.tsx.snap
View file

@ -54,7 +54,7 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -77,7 +77,7 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -100,7 +100,7 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -123,7 +123,7 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -152,7 +152,7 @@ exports[`components/viewHeader/filterComponent return filterComponent 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -265,7 +265,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -288,7 +288,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -311,7 +311,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -334,7 +334,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -363,7 +363,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and add Fi
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -490,7 +490,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -513,7 +513,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -536,7 +536,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -559,7 +559,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -588,7 +588,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and click
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -687,7 +687,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -710,7 +710,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -733,7 +733,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -756,7 +756,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -785,7 +785,7 @@ exports[`components/viewHeader/filterComponent return filterComponent and filter
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -34,7 +34,7 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -57,7 +57,7 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -80,7 +80,7 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -103,7 +103,7 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -132,7 +132,7 @@ exports[`components/viewHeader/filterEntry return filterEntry 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -228,7 +228,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -251,7 +251,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -274,7 +274,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -297,7 +297,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -326,7 +326,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on delet
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -408,7 +408,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -431,7 +431,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -454,7 +454,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -477,7 +477,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -506,7 +506,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on doesn
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -588,7 +588,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -611,7 +611,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -634,7 +634,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -657,7 +657,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -686,7 +686,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on inclu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -768,7 +768,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -791,7 +791,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -814,7 +814,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -837,7 +837,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -866,7 +866,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is em
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -948,7 +948,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -971,7 +971,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -994,7 +994,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1017,7 +1017,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1046,7 +1046,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on is no
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1114,7 +1114,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1137,7 +1137,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1160,7 +1160,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1183,7 +1183,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -1212,7 +1212,7 @@ exports[`components/viewHeader/filterEntry return filterEntry and click on statu
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

2
webapp/src/components/viewHeader/__snapshots__/filterValue.test.tsx.snap
View file

@ -60,7 +60,7 @@ exports[`components/viewHeader/filterValue return filterValue 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -39,7 +39,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CardIcon Icon"
@ -84,7 +84,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-plus AddIcon"
@ -113,7 +113,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -175,7 +175,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCard 1`
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CardIcon Icon"
@ -220,7 +220,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCard 1`
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-plus AddIcon"
@ -249,7 +249,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCard 1`
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -311,7 +311,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCardTem
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CardIcon Icon"
@ -356,7 +356,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCardTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-plus AddIcon"
@ -385,7 +385,7 @@ exports[`components/viewHeader/newCardButton return NewCardButton and addCardTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -8,7 +8,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="Icon"
@ -50,7 +50,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CheckIcon Icon"
@ -79,7 +79,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
@ -102,7 +102,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -131,7 +131,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -162,7 +162,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="Icon"
@ -204,7 +204,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CheckIcon Icon"
@ -233,7 +233,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
@ -256,7 +256,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -285,7 +285,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -316,7 +316,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="Icon"
@ -355,7 +355,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="Icon"
@ -397,7 +397,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CheckIcon Icon"
@ -426,7 +426,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
@ -449,7 +449,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -478,7 +478,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -509,7 +509,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="Icon"
@ -551,7 +551,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<svg
class="CheckIcon Icon"
@ -580,7 +580,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-pencil-outline EditIcon"
@ -603,7 +603,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<i
class="CompassIcon icon-trash-can-outline DeleteIcon trash-can-outline"
@ -632,7 +632,7 @@ exports[`components/viewHeader/newCardButtonTemplateItem return NewCardButtonTem
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -34,7 +34,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -57,7 +57,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -86,7 +86,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -143,7 +143,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -166,7 +166,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -195,7 +195,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -252,7 +252,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -275,7 +275,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -304,7 +304,7 @@ exports[`components/viewHeader/viewHeaderActionsMenu return menu and verify call
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

54
webapp/src/components/viewHeader/__snapshots__/viewHeaderGroupByMenu.test.tsx.snap
View file

@ -36,7 +36,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -63,7 +63,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -89,7 +89,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -118,7 +118,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -141,7 +141,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -164,7 +164,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -193,7 +193,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -251,7 +251,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -278,7 +278,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -304,7 +304,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -333,7 +333,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -356,7 +356,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -379,7 +379,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -408,7 +408,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu For viewType table render o
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -467,7 +467,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -496,7 +496,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -519,7 +519,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -542,7 +542,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -571,7 +571,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -653,7 +653,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -680,7 +680,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -707,7 +707,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -733,7 +733,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -762,7 +762,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -785,7 +785,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -808,7 +808,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -837,7 +837,7 @@ exports[`components/viewHeader/viewHeaderGroupByMenu return groupBy menu, hideEm
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

4
webapp/src/components/viewHeader/__snapshots__/viewHeaderPropertiesMenu.test.tsx.snap
View file

@ -153,7 +153,7 @@ exports[`components/viewHeader/viewHeaderPropertiesMenu return properties menu 1
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -350,7 +350,7 @@ exports[`components/viewHeader/viewHeaderPropertiesMenu return properties menu w
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

16
webapp/src/components/viewHeader/__snapshots__/viewHeaderSortMenu.test.tsx.snap
View file

@ -31,7 +31,7 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -52,7 +52,7 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -78,7 +78,7 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -101,7 +101,7 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -124,7 +124,7 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -156,7 +156,7 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -179,7 +179,7 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -208,7 +208,7 @@ exports[`components/viewHeader/viewHeaderSortMenu return sort menu 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

4
webapp/src/styles/main.scss
View file

@ -38,6 +38,10 @@ html {
user-select: none;
}
.TeamIcon {
box-sizing: content-box;
}
input,
textarea,
select,

34
webapp/src/widgets/__snapshots__/propertyMenu.test.tsx.snap
View file

@ -77,7 +77,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -98,7 +98,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -119,7 +119,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -140,7 +140,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -161,7 +161,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -182,7 +182,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -203,7 +203,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -224,7 +224,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -245,7 +245,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -266,7 +266,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -287,7 +287,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -308,7 +308,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -329,7 +329,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -350,7 +350,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -378,7 +378,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -405,7 +405,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"
@ -434,7 +434,7 @@ exports[`widgets/PropertyMenu should match snapshot 1`] = `
role="button"
>
<div
class=""
class="d-flex"
>
<div
class="noicon"

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

@ -48,7 +48,7 @@
}
}
* > .menu-option {
.menu-option {
display: flex;
flex-direction: row;
align-items: center;
@ -86,13 +86,13 @@
fill: rgba(var(--center-channel-color-rgb), 0.7);
}
> .Icon {
.Icon {
opacity: 0.56;
width: 18px;
height: 18px;
}
> .IconButton .Icon {
.IconButton .Icon {
margin-right: 0;
}
}
@ -157,7 +157,7 @@
flex: 0 0 auto;
* > .menu-option {
.menu-option {
min-height: 44px;
width: 100%;
padding: 0 20px;

2
webapp/src/widgets/menu/textOption.tsx
View file

@ -27,7 +27,7 @@ function TextOption(props:TextOptionProps): JSX.Element {
props.onClick(props.id)
}}
>
<div className={`${check ? 'menu-option__check' : ''}`}>{icon ?? <div className='noicon'/>}</div>
<div className={`${check ? 'd-flex menu-option__check' : 'd-flex'}`}>{icon ?? <div className='noicon'/>}</div>
<div className='menu-name'>{name}</div>
{rightIcon ?? <div className='noicon'/>}
</div>