Client - minor style change

This commit is contained in:
Sam 2020-01-30 18:49:40 +01:00
parent aade621030
commit a413ff35ae
3 changed files with 6 additions and 9 deletions

View File

@ -1,4 +1,4 @@
# Sphinx build info version 1 # Sphinx build info version 1
# This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done. # This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done.
config: e4cbf332e74dbde7ce09fba56082bd68 config: a620d1aa2f67ef17ac8cd190e5ec02f2
tags: 645f666f9bcd5a90fca523b33c5a78b7 tags: 645f666f9bcd5a90fca523b33c5a78b7

View File

@ -363,9 +363,9 @@ label {
} }
.map-attribution { .map-attribution {
bottom: 0;
font-size: 11px; font-size: 11px;
position:relative; position: absolute;
top: -15px;
} }
.map-attribution-text { .map-attribution-text {

View File

@ -5,17 +5,14 @@ import { apiUrl } from '../../utils'
export default class StaticMap extends React.PureComponent { export default class StaticMap extends React.PureComponent {
render() { render() {
const { activity, display } = this.props const { activity, display } = this.props
const attributionStyle =
display === 'list' ? 'map-attribution-list' : 'map-attribution text-right'
return ( return (
<> <div className={`activity-map${display === 'list' ? '-list' : ''}`}>
<img <img
className="activity-map"
src={`${apiUrl}activities/map/${activity.map}?${Date.now()}`} src={`${apiUrl}activities/map/${activity.map}?${Date.now()}`}
alt="activity map" alt="activity map"
/> />
<div className={attributionStyle}> <div className={`map-attribution${display === 'list' ? '-list' : ''}`}>
<span className="map-attribution-text">©</span> <span className="map-attribution-text">©</span>
<a <a
className="map-attribution-text" className="map-attribution-text"
@ -26,7 +23,7 @@ export default class StaticMap extends React.PureComponent {
OpenStreetMap OpenStreetMap
</a> </a>
</div> </div>
</> </div>
) )
} }
} }