From 49621e7b1575eba9796d7a73392724ed679d0702 Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Sun, 22 May 2016 09:08:37 +0100
Subject: [PATCH] Fixed flexbox overflow scrolling issues in firefox
Fixes #111
---
resources/assets/sass/_grid.scss | 3 +++
resources/assets/sass/_pages.scss | 9 +++++++--
2 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss
index ddba1ee03..2fe1ad113 100644
--- a/resources/assets/sass/_grid.scss
+++ b/resources/assets/sass/_grid.scss
@@ -11,13 +11,16 @@ body.flexbox {
#content {
flex: 1;
display: flex;
+ min-height: 0px;
}
}
.flex-fill {
display: flex;
align-items: stretch;
+ min-height: 0px;
.flex, &.flex {
+ min-height: 0px;
flex: 1;
}
}
diff --git a/resources/assets/sass/_pages.scss b/resources/assets/sass/_pages.scss
index ff1b47cd7..e61e0c823 100644
--- a/resources/assets/sass/_pages.scss
+++ b/resources/assets/sass/_pages.scss
@@ -49,7 +49,7 @@
height:auto;
}
h1, h2, h3, h4, h5, h6 {
- clear: both;
+ clear: left;
}
hr {
clear: both;
@@ -72,7 +72,7 @@
.pointer {
border: 1px solid #CCC;
display: inline-block;
- padding: $-xs $-s;
+ padding: $-s $-s;
border-radius: 4px;
box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
position: absolute;
@@ -135,6 +135,7 @@
display: flex;
transition: width ease-in-out 180ms;
margin-top: -1px;
+ min-height: 0px;
&.open {
width: 480px;
}
@@ -182,6 +183,8 @@
display: flex;
flex: 1;
flex-direction: column;
+ min-height: 0px;
+ overflow-y: scroll;
}
div[tab-content] .padded {
flex: 1;
@@ -240,6 +243,8 @@
min-width: 180px;
max-width: 320px;
opacity: 0.7;
+ z-index: 5;
+ position: relative;
table {
width: 100%;
margin: 0;