joshua/presentation-blockchains
1
0
Fork 0
mirror of https://github.com/seigler/presentation-blockchains synced 2025-07-27 01:26:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: enlarged notes styles to support far-from-laptop presenter setup

Browse source
This commit is contained in:
Joshua Seigler 2017-01-27 11:35:05 -05:00
parent fed382f2ac
commit ed85fb348a
3 changed files with 54 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

28
styles/main.css
View file

@ -530,26 +530,21 @@ body.show-notes {
background-color: #333;
}
body.show-notes section {
body.show-notes section, body.show-notes section * {
transition: none;
}
body.show-notes section[janus-timeline='present'] {
transform: scale(0.75);
transform-origin: 0% 0%;
overflow: visible;
}
.notes {
display: none;
background-color: #333;
box-sizing: border-box;
white-space: pre-line;
position: absolute;
top: 0;
left: 100%;
width: 33.33%;
height: 100%;
font-size: 0.5rem;
left: -300%;
width: 300%;
height: 400%;
font-size: 3rem;
text-align: left;
padding: 0.2em;
}
@ -557,6 +552,16 @@ body.show-notes section[janus-timeline='present'] > .notes {
display: block;
}
body.show-notes section[janus-timeline='present'] {
transform: scale(0.25);
transform-origin: top right;
top: 0;
right: 0;
bottom: auto;
left: auto;
overflow: visible;
}
body.show-notes section[janus-timeline='present'] + section[janus-timeline='future'] {
transform: scale(0.25);
transform-origin: bottom right;
@ -566,6 +571,5 @@ body.show-notes section[janus-timeline='present'] + section[janus-timeline='futu
right: 0;
opacity: 1;
visibility: visible;
outline: 0.2rem solid white;
z-index: 3;
}