alex/yomichan
1
Fork 0
Code Releases Activity

Update layout to have better sizing properties (#1040)

Browse Source
This commit is contained in:
toasted-nutbread 2020-11-16 20:41:12 -05:00 committed by GitHub
parent 37ea7e2c9a
commit ea7b8621c3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 65 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ext/bg/search.html
View File

@ -17,6 +17,7 @@
<body> <body>
<div class="content scrollbar" id="content"><div class="content-body" id="content-body"> <div class="content scrollbar" id="content"><div class="content-body" id="content-body">
<div class="content-body-inner">
<span tabindex="-1" id="content-scroll-focus"></span> <span tabindex="-1" id="content-scroll-focus"></span>
@ -59,6 +60,7 @@
</div> </div>
</div> </div>
</div>
</div></div> </div></div>
<!-- Scripts --> <!-- Scripts -->

2
ext/fg/float.html
View File

@ -17,6 +17,7 @@
<div class="content-outer"> <div class="content-outer">
<div class="content scrollbar" id="content"><div class="content-body" id="content-body"> <div class="content scrollbar" id="content"><div class="content-body" id="content-body">
<div class="content-body-inner">
<span tabindex="-1" id="content-scroll-focus"></span> <span tabindex="-1" id="content-scroll-focus"></span>
@ -47,6 +48,7 @@
</div> </div>
</div> </div>
</div>
</div></div> </div></div>
<div class="content-sidebar scrollbar" id="content-sidebar" hidden><div class="content-sidebar-inner"> <div class="content-sidebar scrollbar" id="content-sidebar" hidden><div class="content-sidebar-inner">
<div class="content-sidebar-top"> <div class="content-sidebar-top">

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

@ -220,16 +220,19 @@ a {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: column nowrap;
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
position: relative; position: relative;
align-items: stretch; align-items: stretch;
justify-content: center; justify-content: flex-start;
} }
.content-body { .content-body {
flex: 1 1 auto; flex: 1 1 auto;
height: 100%; position: relative;
}
.content-body-inner {
width: 100%;
} }

5
ext/mixed/css/search.css
View File

@ -229,11 +229,12 @@ label.toggle {
} }
/* Content layout */ /* Content layout */
.content-body { .content-body-inner {
width: var(--main-content-size); width: var(--main-content-size);
padding: 0 var(--main-content-padding); padding: 0 var(--main-content-padding);
max-width: var(--main-content-size); max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin: 0 auto;
} }
/* Search bar */ /* Search bar */