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

2
ext/info.html
View File

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

2
ext/legal.html
View File

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

4
ext/permissions.html
View File

@ -19,6 +19,7 @@
<!-- Main content --> <!-- Main content -->
<div class="content-outer"><div class="content"> <div class="content-outer"><div class="content">
<div class="content-left"></div>
<div class="content-center"> <div class="content-center">
<span tabindex="-1" id="content-scroll-focus"></span> <span tabindex="-1" id="content-scroll-focus"></span>
@ -56,7 +57,7 @@
as this can be used to fingerprint browser configuration. as this can be used to fingerprint browser configuration.
</p> </p>
<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> </p>
</div> </div>
</div> </div>
@ -189,6 +190,7 @@
<div class="footer-padding"></div> <div class="footer-padding"></div>
</div> </div>
<div class="content-right"></div>
</div></div> </div></div>

2
ext/welcome.html
View File

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