diff options
author | Arye Dov Eidelman <aryedov.e@gmail.com> | 2018-08-17 16:41:42 -0400 |
---|---|---|
committer | Arye Dov Eidelman <aryedov.e@gmail.com> | 2018-08-17 16:41:42 -0400 |
commit | bcd4c38171da7e38b00b447af4fc4eab36e158ef (patch) | |
tree | e06610aff7878dc085b4324e574a793c0294a735 /guides/assets | |
parent | 0193b89be6827fb6aa20f83af164901dc3e31590 (diff) | |
download | rails-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.css | 6 |
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 |