Fixes terminal height in safari.

Safari wasn't supporting a "badly specified"[0] layout that Chrome was
supporting.

[0] Height 100% inside of a container that didn't have a height
specified.
This commit is contained in:
Simon Howe
2016-11-07 10:22:05 +01:00
parent cd1e06b054
commit 2625bb07a3

View File

@@ -990,14 +990,17 @@ h2 {
position: relative;
// shadow of animation-wrapper is 10px, let it fit in here without being
// overflow hiddened.
padding: 10px 0 10px 10px;
flex: 1;
overflow-x: hidden;
}
&-animation-wrapper {
width: 100%;
height: 100%;
position: absolute;
// some room for the drop shadow.
top: 10px;
left: 10px;
bottom: 10px;
right: 0;
transition: transform 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
.shadow-2;
}
@@ -1063,7 +1066,7 @@ h2 {
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.93);
background-color: black;
padding: 8px;
border-radius: 0 0 0 4px;