github-mirror/BookStack
github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-03-24 23:35:15 +08:00
Code Issues Actions4 Packages Projects Releases Wiki Activity

Fixed flexbox overflow scrolling issues in firefox

Browse Source 
Fixes
This commit is contained in:
Dan Brown 2016-05-22 09:08:37 +01:00
parent 1ab6f017c9
commit 49621e7b15
2 changed files with 10 additions and 2 deletions
resources/assets/sass
_grid.scss_pages.scss

3
resources/assets/sass/_grid.scss

@ -11,13 +11,16 @@ body.flexbox {
#content { #content {
flex: 1; flex: 1;
display: flex; display: flex;
min-height: 0px;
} }
} }
.flex-fill { .flex-fill {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
min-height: 0px;
.flex, &.flex { .flex, &.flex {
min-height: 0px;
flex: 1; flex: 1;
} }
} }

9
resources/assets/sass/_pages.scss

@ -49,7 +49,7 @@
height:auto; height:auto;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
clear: both; clear: left;
} }
hr { hr {
clear: both; clear: both;
@ -72,7 +72,7 @@
.pointer { .pointer {
border: 1px solid #CCC; border: 1px solid #CCC;
display: inline-block; display: inline-block;
padding: $-xs $-s; padding: $-s $-s;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35); box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
position: absolute; position: absolute;
@ -135,6 +135,7 @@
display: flex; display: flex;
transition: width ease-in-out 180ms; transition: width ease-in-out 180ms;
margin-top: -1px; margin-top: -1px;
min-height: 0px;
&.open { &.open {
width: 480px; width: 480px;
} }
@ -182,6 +183,8 @@
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
min-height: 0px;
overflow-y: scroll;
} }
div[tab-content] .padded { div[tab-content] .padded {
flex: 1; flex: 1;
@ -240,6 +243,8 @@
min-width: 180px; min-width: 180px;
max-width: 320px; max-width: 320px;
opacity: 0.7; opacity: 0.7;
z-index: 5;
position: relative;
table { table {
width: 100%; width: 100%;
margin: 0; margin: 0;