self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-03-23 20:52:42 +02:00
Code Issues Releases Activity

GH-3461 - Updating boards default icon (#3501)

Browse Source 
* GH-3461 - Updating boards default icon

* Updating test

* Update webapp/src/components/sidebar/sidebarBoardItem.scss

Co-authored-by: Doug Lauder <wiggin77@warpmail.net>

* Update webapp/src/components/sidebar/sidebarBoardItem.scss

Co-authored-by: Doug Lauder <wiggin77@warpmail.net>

Co-authored-by: Doug Lauder <wiggin77@warpmail.net>
Co-authored-by: Scott Bishel <scott.bishel@mattermost.com>
Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
This commit is contained in:
Asaad Mahmood 2022-08-01 22:52:56 +05:00 committed by GitHub
parent 9159efb79e
commit 14e62426da
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
webapp/src/components/sidebar/__snapshots__/sidebarBoardItem.test.tsx.snap
View File

@ -8,25 +8,9 @@ exports[`components/sidebarBoardItem renders default icon if no custom icon set
<div
class="octo-sidebar-icon"
>
<svg
class="BoardIcon Icon"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<g
opacity="0.8"
>
<path
clip-rule="evenodd"
d="M4 4H20V20H4V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8 6H6V12H8V6ZM11 6H13V16H11V6ZM18 6H16V9H18V6Z"
fill="currentColor"
fill-rule="evenodd"
/>
</g>
</svg>
<i
class="CompassIcon icon-product-boards undefined"
/>
</div>
<div
class="octo-sidebar-title"

18
webapp/src/components/sidebar/sidebarBoardItem.scss
View File

@ -153,9 +153,21 @@
}
}
.octo-sidebar-icon > .Icon {
width: 19px;
vertical-align: top;
.octo-sidebar-icon {
.CompassIcon {
font-size: 18px;
margin: 0 -2px 0 -1px;
&::before {
margin: 0;
}
}
> .Icon {
width: 16px;
vertical-align: top;
margin-left: -2px;
}
}
.Menu.noselect.left {

3
webapp/src/components/sidebar/sidebarBoardItem.tsx
View File

@ -21,6 +21,7 @@ import {useAppSelector} from '../../store/hooks'
import {getCurrentBoardViews, getCurrentViewId} from '../../store/views'
import Folder from '../../widgets/icons/folder'
import Check from '../../widgets/icons/checkIcon'
import CompassIcon from '../../widgets/icons/compassIcon'
import BoardIcon from '../../widgets/icons/board'
import TableIcon from '../../widgets/icons/table'
import GalleryIcon from '../../widgets/icons/gallery'
@ -117,7 +118,7 @@ const SidebarBoardItem = (props: Props) => {
ref={boardItemRef}
>
<div className='octo-sidebar-icon'>
{board.icon || <BoardIcon/>}
{board.icon || <CompassIcon icon='product-boards'/>}
</div>
<div
className='octo-sidebar-title'