Skip to content

Commit

Permalink
Horizontally sticky banner on mobile
Browse files Browse the repository at this point in the history
Prior to this commit, when the `#content` element had horizontal
overflow on mobile, the `<body>` element would become horizontally
scrollable, and the banner would scroll off screen when scrolling.

This commit adds `overflow-x: auto` to `#content` so that horizontal
scrolling is limited to the `#content` element and the banner remains
fixed in place when scrolling.
  • Loading branch information
jonathanhefner committed Sep 14, 2023
1 parent 5984cee commit 81bf61c
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions lib/rdoc/generator/template/rails/resources/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -424,6 +424,7 @@ html {

#content {
padding: 1em;
overflow-x: auto;
}

@media (min-width: 600px) {
Expand Down

0 comments on commit 81bf61c

Please sign in to comment.