alex/yomichan
1
Fork 0
Code Releases Activity

Fix some issues with the display layout (#1190)

Browse Source
This commit is contained in:
toasted-nutbread 2020-12-31 14:58:48 -05:00 committed by GitHub
parent 889240311b
commit 155b2b27f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ext/mixed/css/display.css
View File

@ -307,28 +307,23 @@ a {
/* Main layout */ /* Main layout */
.content { .content {
width: 100%; flex: 1 1 auto;
height: 100%;
position: relative; position: relative;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-template-areas: "main";
justify-items: stretch;
align-items: stretch;
} }
.content-scroll { .content-scroll {
grid-area: main; position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
position: relative;
align-items: stretch; align-items: stretch;
justify-content: flex-start; justify-content: flex-start;
} }
.content-body { .content-body {
height: 0;
flex: 1 1 auto; flex: 1 1 auto;
position: relative; position: relative;
} }
@ -370,6 +365,7 @@ a {
flex-flow: row nowrap; flex-flow: row nowrap;
overflow: hidden; overflow: hidden;
align-items: stretch; align-items: stretch;
align-content: stretch;
justify-content: center; justify-content: center;
} }
.content-sidebar { .content-sidebar {