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

adjust media styling, rm timeline text

Browse Source
This commit is contained in:
Lachlan Kermode
2019-01-17 14:30:15 +00:00
committed by Franc Camps-Febrer
parent dbc0b0b0f2
commit faf3ac576e
5 changed files with 68 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/scss/mediaoverlay.scss
View File

@@ -1,4 +1,4 @@
$panel-width: 800px;
$panel-width: 1000px;
$panel-height: 700px;
$vimeo-width: $panel-width - 100;
$vimeo-height: $panel-height / 2;
@@ -27,7 +27,12 @@ $header-inset: 10px;
display: flex;
flex-direction: column;
align-items: center;
<<<<<<< HEAD
max-height: 80vh;
=======
height: 80vh;
width: $panel-width;
>>>>>>> adjust media styling, rm timeline text
max-width: 90vw;
box-shadow: 0 19px 19px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
@@ -112,7 +117,7 @@ $header-inset: 10px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-items: center;
overflow-x: hidden;
box-sizing: border-box;
width: 100%;
@@ -145,15 +150,23 @@ $header-inset: 10px;
min-width: $panel-width;
max-width: $panel-height;
display: flex;
justify-content: center;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
min-height: 100px;
width: 100%;
padding: $padding;
.mo-box-title {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.mo-box {
display: flex;
flex-direction: column;
flex-direction: row;
justify-content: space-around;
max-width: $panel-width;
width: 100%;
padding: $padding 0;
@@ -166,7 +179,7 @@ $header-inset: 10px;
text-transform: uppercase;
font-size: $xsmall;
color: $darkwhite;
font-weight: 100;
font-weight: 100;
}
p {
@@ -178,7 +191,7 @@ $header-inset: 10px;
font-size: $normal;
color: $darkwhite;
margin-right: 5px;
}
}
a {
font-size: $large;
@@ -246,6 +259,8 @@ $header-inset: 10px;
flex-direction: row;
height: 100%;
transition: transform 0.6s ease 0s;
// min-width: $panel-width - 30px;
// min-height: $panel-height;
}
.source-text-container {
@@ -273,5 +288,5 @@ $header-inset: 10px;
}
.media-player {
overflow-y: hidden;
// overflow-y: hidden;
}