self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-02-22 20:25:31 +02:00
Code Issues Releases Activity

Adding GalleryIcon based on ImageIcon

Browse Source
This commit is contained in:
Jesús Espino 2021-03-30 20:21:47 +02:00
parent af3ab4d978
commit 2d5738b02a
6 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -36,7 +36,7 @@
width: 14px;
margin-right: 8px;
flex-shrink: 0;
&.ImageIcon {
&.GalleryIcon {
fill: rgba(var(--sidebar-fg), 0.3);
stroke: unset;
}

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

@ -13,7 +13,7 @@ import DisclosureTriangle from '../../widgets/icons/disclosureTriangle'
import DuplicateIcon from '../../widgets/icons/duplicate'
import OptionsIcon from '../../widgets/icons/options'
import TableIcon from '../../widgets/icons/table'
import ImageIcon from '../../widgets/icons/image'
import GalleryIcon from '../../widgets/icons/gallery'
import Menu from '../../widgets/menu'
import MenuWrapper from '../../widgets/menuWrapper'
@ -36,7 +36,7 @@ const SidebarBoardItem = React.memo((props: Props) => {
switch (viewType) {
case 'board': return <BoardIcon/>
case 'table': return <TableIcon/>
case 'gallery': return <ImageIcon/>
case 'gallery': return <GalleryIcon/>
default: return <div/>
}
}

6
webapp/src/components/viewMenu.tsx
View File

@ -14,7 +14,7 @@ import BoardIcon from '../widgets/icons/board'
import DeleteIcon from '../widgets/icons/delete'
import DuplicateIcon from '../widgets/icons/duplicate'
import TableIcon from '../widgets/icons/table'
import ImageIcon from '../widgets/icons/image'
import GalleryIcon from '../widgets/icons/gallery'
import Menu from '../widgets/menu'
type Props = {
@ -200,7 +200,7 @@ export class ViewMenu extends React.PureComponent<Props> {
<Menu.Text
id='gallery'
name='Gallery'
icon={<ImageIcon/>}
icon={<GalleryIcon/>}
onClick={this.handleAddViewGallery}
/>
</Menu.SubMenu>
@ -213,7 +213,7 @@ export class ViewMenu extends React.PureComponent<Props> {
switch (viewType) {
case 'board': return <BoardIcon/>
case 'table': return <TableIcon/>
case 'gallery': return <ImageIcon/>
case 'gallery': return <GalleryIcon/>
default: return <div/>
}
}

3
webapp/src/hooks/cardListener.tsx
View File

@ -1,10 +1,9 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React, {useEffect} from 'react'
import {useEffect} from 'react'
import octoClient from '../octoClient'
import {OctoListener} from '../octoListener'
import {MutableCardTree} from '../viewModel/cardTree'
import {Utils} from '../utils'
import {IBlock} from '../blocks/block'

6
webapp/src/widgets/icons/gallery.scss Normal file
View File

@ -0,0 +1,6 @@
.GalleryIcon {
fill: rgba(var(--body-color), 0.7);
stroke: none;
width: 24px;
height: 24px;
}

20
webapp/src/widgets/icons/gallery.tsx Normal file
View File

@ -0,0 +1,20 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react'
import './gallery.scss'
export default function GalleryIcon(): JSX.Element {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
className='GalleryIcon Icon'
viewBox='0 0 512 512'
>
<path
d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z'
/>
</svg>
)
}