Fix main padding for mobile

toshimaru · toshimaru · commit 6d1c115db3fb · 2021-05-08T11:11:05.000+09:00
diff --git a/src/_sass/railsdoc.scss b/src/_sass/railsdoc.scss
@@ -124,15 +124,13 @@ code {
   }
 }
 
-// Content
 [role="main"] {
-  padding-top: 133px; /* Space for fixed navbar */
+  padding-top: 10px; /* Space for fixed navbar */
+  overflow-wrap: break-word;
   order: 1;
-}
 
-@media (min-width: 768px) {
-  [role="main"] {
-    padding-top: 48px; /* Space for fixed navbar */
+  @media (min-width: 768px) {
+    padding-top: 133px;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -124,15 +124,13 @@ code {`
`124`	`124`	`}`
`125`	`125`	`}`
`126`	`126`
`127`		`-// Content`
`128`	`127`	`[role="main"] {`
`129`		`- padding-top: 133px; /* Space for fixed navbar */`
	`128`	`+ padding-top: 10px; /* Space for fixed navbar */`
	`129`	`+ overflow-wrap: break-word;`
`130`	`130`	`order: 1;`
`131`		`-}`
`132`	`131`
`133`		`-@media (min-width: 768px) {`
`134`		`- [role="main"] {`
`135`		`- padding-top: 48px; /* Space for fixed navbar */`
	`132`	`+ @media (min-width: 768px) {`
	`133`	`+ padding-top: 133px;`
`136`	`134`	`}`
`137`	`135`	`}`
`138`	`136`