From bcd4c38171da7e38b00b447af4fc4eab36e158ef Mon Sep 17 00:00:00 2001 From: Arye Dov Eidelman Date: Fri, 17 Aug 2018 16:41:42 -0400 Subject: [PATCH] [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) --- guides/assets/stylesheets/main.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) 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 -- GitLab