bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-13 05:48:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Style narrative based the one selected

Browse Source
This commit is contained in:
Franc Camps-Febrer
2018-12-16 09:00:22 +01:00
committed by Lachlan Kermode
parent 7b25efda95
commit 288aff5c15
6 changed files with 53 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Toolbar.jsx
View File

@@ -7,7 +7,7 @@ import Search from './Search.jsx';
import TagListPanel from './TagListPanel.jsx';
import ToolbarBottomActions from './ToolbarBottomActions.jsx';
import copy from '../js/data/copy.json';
import { isNotNullNorUndefined } from '../js/utilities.js';
import { isNotNullNorUndefined, trimAndEllipse } from '../js/utilities.js';
class Toolbar extends React.Component {
@@ -66,7 +66,7 @@ class Toolbar extends React.Component {
<div className="panel-action action">
<button style={{ backgroundColor: '#000' }} onClick={() => { this.goToNarrative(narr); }}>
<p>{narr.label}</p>
<p><small>{narr.description}</small></p>
<p><small>{trimAndEllipse(narr.description, 120)}</small></p>
</button>
</div>
)
@@ -100,6 +100,7 @@ class Toolbar extends React.Component {
return (
<div className={classes} onClick={() => { this.toggleTab(tabNum); }}>
<i className="material-icons">timeline</i>
<div className="tab-caption">{label}</div>
</div>
);