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

Use tag arrays in events, no longer strings

Browse Source
This commit is contained in:
Franc Camps-Febrer
2019-01-16 09:57:51 -05:00
parent f4a1c8e958
commit 470daf27e7
7 changed files with 58 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/scss/mediaoverlay.scss
View File

@@ -2,7 +2,6 @@ $panel-width: 800px;
$panel-height: 700px;
$vimeo-width: $panel-width - 100;
$vimeo-height: $panel-height / 2;
$padding: 20px;
$header-inset: 10px;
@@ -21,7 +20,6 @@ $header-inset: 10px;
}
.mo-container {
background-color: rgba(239, 239, 239, 0.9);
// max-width: $panel-width;
// min-width: $panel-width;
// max-height: $panel-height;
@@ -29,7 +27,7 @@ $header-inset: 10px;
display: flex;
flex-direction: column;
align-items: center;
height: 80vh;
max-height: 80vh;
max-width: 90vw;
box-shadow: 0 19px 19px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
@@ -37,8 +35,35 @@ $header-inset: 10px;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
}
.mo-header {
min-height: 42px;
max-height: 42px;
margin-bottom: 2px;
border-radius: 2px;
width: 100%;
display: flex;
flex-direction: row;
background-color: black;
color: white;
.mo-header-close {
display: flex;
justify-content: center;
align-items: center;
margin-left: $header-inset + 8px;
}
.mo-header-text {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: $padding;
font-family: "Lato", Helvetica, sans-serif;
}
}
@@ -69,6 +94,7 @@ $header-inset: 10px;
}
.mo-media-container {
background-color: rgba(239, 239, 239, 0.9);
box-sizing: border-box;
min-width: 100%;
max-height: 60vh;
@@ -93,6 +119,13 @@ $header-inset: 10px;
}
.mo-meta-container {
background-color: rgba(239, 239, 239, 0.9);
display: flex;
justify-content: center;
box-sizing: border-box;
min-height: 100px;
min-width: $panel-width;
max-width: $panel-height;
display: flex;
justify-content: center;
box-sizing: border-box;
@@ -191,9 +224,8 @@ $header-inset: 10px;
}
.source-image-container, .source-text-container {
padding: 0 10em;
display: flex;
justify-content: center;
padding: $padding;
display: inline-block;
align-items: center;
}

5
src/scss/timeline.scss
View File

@@ -198,6 +198,10 @@
stroke-dasharray: 1px 2px;
}
.datetime {
/*transition: transform 0.2s ease;*/
}
.event {
cursor: pointer;
opacity: .7;
@@ -212,6 +216,7 @@
stroke: $offwhite;
stroke-width: 2;
stroke-dasharray: 5px 2px;
transition: transform 0.2s ease;
}
.coevent {