aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-05-10 19:06:07 -0400
committerGitHub <noreply@github.com>2021-05-10 19:06:07 -0400
commitb50f5e1cf6364ce7bc21e225e59d2bc519aa93a9 (patch)
treee922585b94019f565a2276f0b70030b35414b285
parent7b14cb3ab0b4c6c0a50546fc87c473f8875440f8 (diff)
Improve internal page overflow (#1660)
* Improve overflow of internal pages * Improve wrapping of the Origin: example text
-rw-r--r--ext/css/settings.css7
-rw-r--r--ext/info.html2
-rw-r--r--ext/legal.html2
-rw-r--r--ext/permissions.html4
-rw-r--r--ext/welcome.html2
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>