Skip to content

Commit 618d47d

Browse files
committed
Hide content overflow on the document page
Summary: A number of ways to do this. For now we'll just hide any content that overflows. Could scroll it instead. Also allow long links to break inside words so that the full link is visible, don't love doing it, but it will be fine for now. Test Plan: - Resize your viewport to something very small on a document - There should not be a horizontal scrollbar Differential Revision: https://phabricator.opengovfoundation.org/D168
1 parent 87f44cd commit 618d47d

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

resources/assets/sass/document.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -225,6 +225,7 @@ blockquote {
225225
color: white;
226226
padding: $jumbotron-padding * 2 $jumbotron-padding;
227227
font-size: $jumbotron-font-size * 0.8;
228+
overflow: hidden;
228229

229230
a {
230231
@extend .alt-link;
@@ -287,6 +288,7 @@ blockquote {
287288
.document-title {
288289
margin-top: $jumbotron-padding * 2;
289290
font-size: 2em;
291+
overflow: hidden;
290292
}
291293

292294
@media screen and (min-width: $screen-sm-min) {
@@ -355,20 +357,27 @@ blockquote {
355357
}
356358

357359
#page_content {
360+
overflow: hidden;
361+
358362
h1, h2, h3, h4, h5, h6 {
359363
font-family: $font-family-serif;
360364

361365
&:first-child {
362366
margin-top: 0;
363367
}
364368
}
369+
370+
a {
371+
word-wrap: break-word;
372+
}
365373
}
366374
}
367375

368376
#comments {
369377
background-color: $ogf-blue-white;
370378
padding-top: $line-height-computed;
371379
padding-bottom: $line-height-computed;
380+
overflow: hidden;
372381

373382
#all-comments-count {
374383
@extend .h1;

0 commit comments

Comments
 (0)