self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-01-23 18:34:02 +02:00
Code Issues Releases Activity

GH-4298 - Updating link boards modal item (#4362)

Browse Source 
* GH-4298 - Updating link boards modal item

* Updating test

* Updating test
This commit is contained in:
Asaad Mahmood 2022-12-20 10:48:41 +05:00 committed by GitHub
parent f09cc00521
commit a43228c4d2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 72 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
mattermost-plugin/webapp/src/components/__snapshots__/boardSelector.test.tsx.snap
View File

@ -289,25 +289,25 @@ exports[`components/boardSelector renders with some results 1`] = `
<div
class="BoardSelectorItem-info"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultLine"
class="d-flex"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultTitle"
>
Untitled board
</div>
<div
class="resultDescription"
/>
</div>
<div
class="resultDescription"
/>
</div>
<div
class="linkUnlinkButton"
@ -328,25 +328,25 @@ exports[`components/boardSelector renders with some results 1`] = `
<div
class="BoardSelectorItem-info"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultLine"
class="d-flex"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultTitle"
>
Untitled board
</div>
<div
class="resultDescription"
/>
</div>
<div
class="resultDescription"
/>
</div>
<div
class="linkUnlinkButton"
@ -367,25 +367,25 @@ exports[`components/boardSelector renders with some results 1`] = `
<div
class="BoardSelectorItem-info"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultLine"
class="d-flex"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultTitle"
>
Untitled board
</div>
<div
class="resultDescription"
/>
</div>
<div
class="resultDescription"
/>
</div>
<div
class="linkUnlinkButton"

66
mattermost-plugin/webapp/src/components/__snapshots__/boardSelectorItem.test.tsx.snap
View File

@ -8,25 +8,25 @@ exports[`components/boardSelectorItem renders board without title 1`] = `
<div
class="BoardSelectorItem-info"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultLine"
class="d-flex"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultTitle"
>
Untitled board
</div>
<div
class="resultDescription"
/>
</div>
<div
class="resultDescription"
/>
</div>
<div
class="linkUnlinkButton"
@ -52,25 +52,25 @@ exports[`components/boardSelectorItem renders linked board 1`] = `
<div
class="BoardSelectorItem-info"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultLine"
class="d-flex"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultTitle"
>
Test title
</div>
<div
class="resultDescription"
/>
</div>
<div
class="resultDescription"
/>
</div>
<div
class="linkUnlinkButton"
@ -96,25 +96,25 @@ exports[`components/boardSelectorItem renders not linked board 1`] = `
<div
class="BoardSelectorItem-info"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultLine"
class="d-flex"
>
<span
class="icon"
>
<i
class="CompassIcon icon-product-boards"
/>
</span>
<div
class="resultTitle"
>
Test title
</div>
<div
class="resultDescription"
/>
</div>
<div
class="resultDescription"
/>
</div>
<div
class="linkUnlinkButton"

5
mattermost-plugin/webapp/src/components/boardSelectorItem.scss
View File

@ -1,12 +1,12 @@
.BoardSelectorItem {
display: flex;
align-items: center;
overflow: hidden;
flex-direction: row;
padding: 10px 0;
margin: 0 35px;
.BoardSelectorItem-info {
display: flex;
flex: 1;
overflow: hidden;
}
@ -42,7 +42,8 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
opacity: 0.7;
padding-left: 28px;
opacity: 0.64;
}
.linkUnlinkButton {

6
mattermost-plugin/webapp/src/components/boardSelectorItem.tsx
View File

@ -25,11 +25,11 @@ const BoardSelectorItem = (props: Props) => {
return (
<div className='BoardSelectorItem'>
<div className='BoardSelectorItem-info'>
<span className='icon'>{item.icon || <CompassIcon icon='product-boards'/>}</span>
<div className='resultLine'>
<div className='d-flex'>
<span className='icon'>{item.icon || <CompassIcon icon='product-boards'/>}</span>
<div className='resultTitle'>{resultTitle}</div>
<div className='resultDescription'>{item.description}</div>
</div>
<div className='resultDescription'>{item.description}</div>
</div>
<div className='linkUnlinkButton'>
{item.channelId === currentChannel &&