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

render md for overlay desc

Browse Source
This commit is contained in:
Lachlan Kermode
2019-08-28 14:24:25 +01:00
parent 099bf11448
commit 125084b546
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Overlay/Media.js
View File

@@ -1,4 +1,5 @@
import React from 'react'
import marked from 'marked'
import Content from './Content'
import Controls from './Controls'
import { selectTypeFromPathWithPoster } from '../../common/utilities'
@@ -66,8 +67,8 @@ class SourceOverlay extends React.Component {
<Controls paths={paths} viewIdx={this.state.mediaIdx} onShiftHandler={this.onShiftGallery} />
<div className='mo-meta-container'>
<div className='mo-box-title'>
<div>{desc}</div>
<div className='mo-box-desc'>
<div className='md-container' dangerouslySetInnerHTML={{ __html: marked(desc) }} />
</div>
{(type || date || url) ? (

4
src/scss/overlay.scss
View File

@@ -188,7 +188,7 @@ $overlay-bg: rgba(239,239,239,0.9);
background-color: transparent;
width: 100%;
opacity: 0.9;
bottom: 0;
bottom: 20px;
display: flex;
justify-content: center;
}
@@ -203,7 +203,7 @@ $overlay-bg: rgba(239,239,239,0.9);
box-sizing: border-box;
min-height: 100px;
.mo-box-title {
.mo-box-desc {
display: flex;
flex-direction: row;
justify-content: space-between;