aboutsummaryrefslogtreecommitdiffstats
path: root/guides/assets
diff options
context:
space:
mode:
authorArye Dov Eidelman <aryedov.e@gmail.com>2018-08-17 16:41:42 -0400
committerArye Dov Eidelman <aryedov.e@gmail.com>2018-08-17 16:41:42 -0400
commitbcd4c38171da7e38b00b447af4fc4eab36e158ef (patch)
treee06610aff7878dc085b4324e574a793c0294a735 /guides/assets
parent0193b89be6827fb6aa20f83af164901dc3e31590 (diff)
downloadrails-bcd4c38171da7e38b00b447af4fc4eab36e158ef.tar.gz
rails-bcd4c38171da7e38b00b447af4fc4eab36e158ef.tar.bz2
rails-bcd4c38171da7e38b00b447af4fc4eab36e158ef.zip
[skip ci] Fix overlapping text in the guide
Fix a layout issue in the rails guides, where the navigation covers the main text, if the page is between 800 and 960 pixels wide. (issue #33406)
Diffstat (limited to 'guides/assets')
-rw-r--r--guides/assets/stylesheets/main.css6
1 files changed, 5 insertions, 1 deletions
diff --git a/guides/assets/stylesheets/main.css b/guides/assets/stylesheets/main.css
index cd355b1d1a..2657a84a91 100644
--- a/guides/assets/stylesheets/main.css
+++ b/guides/assets/stylesheets/main.css
@@ -283,8 +283,12 @@ body {
#header .wrapper, #topNav .wrapper, #feature .wrapper {padding-left: 1em; max-width: 960px;}
#feature .wrapper {max-width: 640px; padding-right: 23em; position: relative; z-index: 0;}
+@media screen and (max-width: 960px) {
+ #container .wrapper { padding-right: 23em; }
+}
+
@media screen and (max-width: 800px) {
- #feature .wrapper { padding-right: 0; }
+ #feature .wrapper, #container .wrapper { padding-right: 0; }
}
/* Links