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

move card to left in narrative mode

Browse Source
This commit is contained in:
Lachlan Kermode
2019-01-03 17:33:03 +00:00
parent 58b37105f5
commit cfea5ee490
4 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/scss/cardstack.scss
View File

@@ -1,7 +1,9 @@
@import 'burger';
@import 'card';
$card-width: 500px;
$card-width: 370px;
$narrative-info-max-height: 250px;
$timeline-height: 170px;
.card-stack {
position: absolute;
@@ -15,6 +17,13 @@ $card-width: 500px;
color: white;
-webkit-font-smoothing: antialiased;
&.narrative-mode {
right: auto;
left: 10px;
top: $narrative-info-max-height;
height: calc(100% - #{$narrative-info-max-height} - #{$timeline-height});
}
&.full-height {
max-height: calc(100% - 20px);
}

5
src/scss/narrativecard.scss
View File

@@ -1,3 +1,5 @@
$narrative-info-width: 370px;
/*
NARRATIVE INFO
*/
@@ -6,10 +8,9 @@ NARRATIVE INFO
top: 10px;
left: 10px;
// height: auto;
min-height: 500px;
height: auto;
max-height: 500px;
width: 370px;
width: $narrative-info-width;
box-sizing: border-box;
padding: 15px;
max-height: calc(100% - 250px);