diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-05-10 19:06:07 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-05-10 19:06:07 -0400 |
| commit | b50f5e1cf6364ce7bc21e225e59d2bc519aa93a9 (patch) | |
| tree | e922585b94019f565a2276f0b70030b35414b285 | |
| parent | 7b14cb3ab0b4c6c0a50546fc87c473f8875440f8 (diff) | |
Improve internal page overflow (#1660)
* Improve overflow of internal pages
* Improve wrapping of the Origin: example text
| -rw-r--r-- | ext/css/settings.css | 7 | ||||
| -rw-r--r-- | ext/info.html | 2 | ||||
| -rw-r--r-- | ext/legal.html | 2 | ||||
| -rw-r--r-- | ext/permissions.html | 4 | ||||
| -rw-r--r-- | ext/welcome.html | 2 |
5 files changed, 14 insertions, 3 deletions
diff --git a/ext/css/settings.css b/ext/css/settings.css index 9a0e0a8b..b7598121 100644 --- a/ext/css/settings.css +++ b/ext/css/settings.css @@ -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 */ diff --git a/ext/info.html b/ext/info.html index fa330046..5872dda4 100644 --- a/ext/info.html +++ b/ext/info.html @@ -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 --> diff --git a/ext/legal.html b/ext/legal.html index ff901e1a..93dfaf77 100644 --- a/ext/legal.html +++ b/ext/legal.html @@ -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 --> diff --git a/ext/permissions.html b/ext/permissions.html index e5be7219..d4d06af6 100644 --- a/ext/permissions.html +++ b/ext/permissions.html @@ -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> diff --git a/ext/welcome.html b/ext/welcome.html index 5561dee7..06acc5e4 100644 --- a/ext/welcome.html +++ b/ext/welcome.html @@ -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> |