bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 21:38:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

made narrative buttons in toolbar yellow on hover

Browse Source
This commit is contained in:
Sam Ludford
2019-05-17 15:58:33 +01:00
committed by Lachlan Kermode
parent 9f1f6683d1
commit 927593d360
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Toolbar/Layout.js
View File

@@ -61,7 +61,7 @@ class Toolbar extends React.Component {
{this.props.narratives.map((narr) => {
return (
<div className='panel-action action'>
<button style={{ backgroundColor: '#000' }} onClick={() => { this.goToNarrative(narr) }}>
<button onClick={() => { this.goToNarrative(narr) }}>
<p>{narr.label}</p>
<p><small>{trimAndEllipse(narr.description, 120)}</small></p>
</button>

7
src/scss/toolbar.scss
View File

@@ -28,6 +28,10 @@
transition: 0.2s ease;
z-index: $header;
button {
background: #222222;
}
.toolbar-header {
margin: 0 15px 10px 15px;
padding: 10px 0 25px 0;
@@ -470,10 +474,13 @@
margin-bottom: 10px;
transition: 0.2s ease;
letter-spacing: 0.1em;
background-color: #000;
&:hover {
transition: 0.2s ease;
letter-spacing: 0.15em;
background-color: $yellow;
color: $black;
}
p {