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

Move version label to top right for plugin (#941)

Browse source
This commit is contained in:
Chen-I Lim 2021-08-11 16:55:19 -07:00 committed by GitHub
parent 2287931882
commit 994ed01b49
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 42 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
webapp/src/components/sidebar/sidebarUserMenu.tsx
View file

@ -46,12 +46,13 @@ const SidebarUserMenu = React.memo(() => {
<LogoIcon/>
<span>{'Boards'}</span>
</>}
<div className='versionFrame'>
<div className='version'>
{`v${Constants.versionString}`}
</div>
{showVersionBadge && <div className='versionBadge'>{'BETA'}</div>}
</div>
{focalboardTitle &&
<div className='versionFrame'>
<div className='version'>
{`v${Constants.versionString}`}
</div>
{showVersionBadge && <div className='versionBadge'>{'BETA'}</div>}
</div>}
</div>
</div>
<Menu>

21
webapp/src/components/topBar.scss
View file

@ -13,4 +13,25 @@
.HelpIcon {
font-size: 20px;
}
.versionFrame {
display: flex;
flex-direction: row;
align-items: center;
}
.version {
font-size: 11px;
line-height: 11px;
font-weight: 500;
color: rgba(var(--center-channel-color-rgb), 0.7);
}
.versionBadge {
font-size: 10px;
line-height: 11px;
font-weight: 500;
margin-left: 3px;
color: rgba(var(--center-channel-color-rgb), 0.7);
}
}

15
webapp/src/components/topBar.tsx
View file

@ -6,11 +6,24 @@ import React from 'react'
import './topBar.scss'
import HelpIcon from '../widgets/icons/help'
import {Utils} from '../utils'
import {Constants} from '../constants'
const TopBar = React.memo((): JSX.Element => {
if (Utils.isFocalboardPlugin()) {
return <></>
return (
<div
className='TopBar'
>
<div className='versionFrame'>
<div className='version'>
{`v${Constants.versionString}`}
</div>
<div className='versionBadge'>{'BETA'}</div>
</div>
</div>
)
}
return (
<div
className='TopBar'