phlux/mattermostest
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #924 from asaadmahmood/MM-13487

Browse Source 
MM-13487 - Updating mention badge in tab bar
This commit is contained in:
Jesse Hallam
2019-01-30 10:43:56 -05:00
committed by GitHub
parent 5abe83b1e6 f1df174b79
commit 04f6615b02
2 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/components/TabBar.jsx
View File

@@ -31,7 +31,7 @@ export default class TabBar extends React.Component { // need "this"
let badgeDiv;
if (sessionExpired) {
badgeDiv = (
<div className='TabBar-badge TabBar-badge-nomention'>{'•'}</div>
<div className='TabBar-badge TabBar-badge-nomention'/>
);
} else if (mentionCount !== 0) {
badgeDiv = (

20
src/browser/css/components/TabBar.css
View File

@@ -43,19 +43,29 @@
background: #FF1744;
float: right;
color: white;
min-width: 19px;
min-width: 18px;
font-size: 12px;
text-align: center;
line-height: 20px;
height: 19px;
height: 18px;
margin-left: 5px;
margin-top: 5px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
padding-right: 1px;
font-weight: 600;
}
.TabBar .TabBar-badge.TabBar-badge-nomention {
font-size: 22pt;
line-height: 18px;
.TabBar .TabBar-badge.TabBar-badge-nomention:after {
content: "";
width: 4px;
height: 4px;
background: #fff;
display: block;
border-radius: 50%;
}
.TabBar .teamTabItem-unread {