Skip to content

Commit c15320e

Browse files
committed
Fix darkfish responsiveness issue on screens between 1024px and ~1650px
In that range, the sidebar would be displayed and cover part of the content. This commit fixes that by adding a left margin to the content when the screen size is greater than 1024px.
1 parent 755a2cf commit c15320e

File tree

1 file changed

+3
-3
lines changed
  • lib/rdoc/generator/template/darkfish/css

1 file changed

+3
-3
lines changed

lib/rdoc/generator/template/darkfish/css/rdoc.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -223,7 +223,8 @@ nav {
223223

224224
main {
225225
display: block;
226-
margin: 3em 1em 1em;
226+
margin: 3em auto 1em;
227+
padding: 0 1em; /* Add padding to keep space between main content and sidebar/right side of the screen */
227228
min-width: 340px;
228229
font-size: 16px;
229230
width: 100%;
@@ -232,8 +233,7 @@ main {
232233

233234
@media (min-width: 1024px) {
234235
main {
235-
margin-left: auto;
236-
margin-right: auto;
236+
margin-left: 300px;
237237
}
238238
}
239239

0 commit comments

Comments
 (0)