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>
<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>
@ -59,6 +60,7 @@
</div>
</div>
</div>
</div></div>
<!-- Scripts -->

2
ext/fg/float.html
View File

@ -17,6 +17,7 @@
<div class="content-outer">
<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>
@ -47,6 +48,7 @@
</div>
</div>
</div>
</div></div>
<div class="content-sidebar scrollbar" id="content-sidebar" hidden><div class="content-sidebar-inner">
<div class="content-sidebar-top">

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

@ -220,16 +220,19 @@ a {
width: 100%;
height: 100%;
display: flex;
flex-flow: row nowrap;
flex-flow: column nowrap;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
align-items: stretch;
justify-content: center;
justify-content: flex-start;
}
.content-body {
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-body {
.content-body-inner {
width: var(--main-content-size);
padding: 0 var(--main-content-padding);
max-width: var(--main-content-size);
max-width: 100%;
box-sizing: border-box;
margin: 0 auto;
}
/* Search bar */