alex/yomichan
1
Fork 0
Code Releases Activity

Improve internal page overflow (#1660)

Browse Source 
* Improve overflow of internal pages

* Improve wrapping of the Origin: example text
This commit is contained in:
toasted-nutbread 2021-05-10 19:06:07 -04:00 committed by GitHub
parent 7b14cb3ab0
commit b50f5e1cf6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ext/css/settings.css
View File

@ -248,7 +248,7 @@ a.heading-link-light {
overflow-y: scroll;
position: relative;
align-items: stretch;
justify-content: center;
justify-content: flex-start;
}
.content-left {
flex: 1 1 0;
@ -257,7 +257,7 @@ a.heading-link-light {
z-index: 5;
}
.content-center {
flex: 1 1 auto;
flex: 0 1 auto;
width: var(--content-width);
padding: 0 var(--main-content-padding);
max-width: var(--content-width);
@ -2310,6 +2310,9 @@ input[type=number].dictionary-priority {
.no-wrap {
white-space: nowrap;
}
.overflow-wrap-anywhere {
overflow-wrap: anywhere;
}
/* Environment-specific display */

2
ext/info.html
View File

@ -18,6 +18,7 @@
<!-- Main content -->
<div class="content-outer"><div class="content">
<div class="content-left"></div>
<div class="content-center">
<span tabindex="-1" id="content-scroll-focus"></span>
@ -55,6 +56,7 @@
<div class="footer-padding"></div>
</div>
<div class="content-right"></div>
</div></div>
<!-- Scripts -->

2
ext/legal.html
View File

@ -18,6 +18,7 @@
<!-- Main content -->
<div class="content-outer"><div class="content">
<div class="content-left"></div>
<div class="content-center">
<span tabindex="-1" id="content-scroll-focus"></span>
@ -147,6 +148,7 @@ THE SOFTWARE.
<div class="footer-padding"></div>
</div>
<div class="content-right"></div>
</div></div>
<!-- Scripts -->

4
ext/permissions.html
View File

@ -19,6 +19,7 @@
<!-- Main content -->
<div class="content-outer"><div class="content">
<div class="content-left"></div>
<div class="content-center">
<span tabindex="-1" id="content-scroll-focus"></span>
@ -56,7 +57,7 @@
as this can be used to fingerprint browser configuration.
</p>
<p>
Example: <code>Origin: <span class="extension-id-example"></span></code>
Example: <code class="overflow-wrap-anywhere">Origin: <span class="extension-id-example"></span></code>
</p>
</div>
</div>
@ -189,6 +190,7 @@
<div class="footer-padding"></div>
</div>
<div class="content-right"></div>
</div></div>

2
ext/welcome.html
View File

@ -18,6 +18,7 @@
<!-- Main content -->
<div class="content-outer"><div class="content">
<div class="content-left"></div>
<div class="content-center">
<span tabindex="-1" id="content-scroll-focus"></span>
@ -178,6 +179,7 @@
<div class="footer-padding"></div>
</div>
<div class="content-right"></div>
</div></div>