aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-31 14:58:48 -0500
committerGitHub <noreply@github.com>2020-12-31 14:58:48 -0500
commit155b2b27f63b979afd189710f73dfa8a228363c0 (patch)
treec89da49042aee306fcb72bf3e637c2ccc33e1415
parent889240311b4072021f3742345bc87118c5b3a3e1 (diff)
Fix some issues with the display layout (#1190)
-rw-r--r--ext/mixed/css/display.css18
1 files changed, 7 insertions, 11 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index b4de7134..8198e952 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -307,28 +307,23 @@ a {
/* Main layout */
.content {
- width: 100%;
- height: 100%;
+ flex: 1 1 auto;
position: relative;
- display: grid;
- grid-template-columns: 1fr;
- grid-template-rows: 1fr;
- grid-template-areas: "main";
- justify-items: stretch;
- align-items: stretch;
}
.content-scroll {
- grid-area: main;
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
display: flex;
flex-flow: column nowrap;
overflow-x: hidden;
overflow-y: scroll;
- position: relative;
align-items: stretch;
justify-content: flex-start;
}
.content-body {
- height: 0;
flex: 1 1 auto;
position: relative;
}
@@ -370,6 +365,7 @@ a {
flex-flow: row nowrap;
overflow: hidden;
align-items: stretch;
+ align-content: stretch;
justify-content: center;
}
.content-sidebar {