From bcd4c38171da7e38b00b447af4fc4eab36e158ef Mon Sep 17 00:00:00 2001
From: Arye Dov Eidelman <aryedov.e@gmail.com>
Date: Fri, 17 Aug 2018 16:41:42 -0400
Subject: [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(-)
(limited to 'guides/assets')
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
--
cgit v1.2.3