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

render source overlay content by path ext, rather than type

Browse Source
This commit is contained in:
Lachlan Kermode
2019-01-03 11:48:40 +00:00
parent cf03cef3f7
commit c98d4cc73d
3 changed files with 92 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/scss/mediaoverlay.scss
View File

@@ -48,34 +48,45 @@ $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;
min-height: $panel-height;
// max-width: $panel-width;
// min-width: $panel-width;
// max-height: $panel-height;
// min-height: $panel-height;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 80vh;
max-width: 90vw;
.mo-media-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.mo-media-container {
// padding-top: 3*$header-inset;
font-family: "Lato", Helvetica, sans-serif;
// max-height: $vimeo-height;
min-width: 100%;
max-height: 500px;
max-height: 60vh;
overflow-y: auto;
.media-player {
width: 100%;
max-width: $vimeo-width;
}
.media-content {
display: flex;
flex-direction: column;
}
// NB: topcushion seems to be necessary with certain overflows..
&.topcushion {
padding-top: 150px;
}
}
.mo-meta-container {
@@ -146,8 +157,10 @@ $header-inset: 10px;
.source-image-container {
padding: 0 25px;
overflow-y: scroll;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.source-image, .source-video {