Cleaning up mobile usability/readability

Jordan Poles · Jordan Poles · commit 243c59116639 · 2022-07-28T23:59:22.000-04:00
diff --git a/doc/_static/cadquery_cheatsheet.html b/doc/_static/cadquery_cheatsheet.html
@@ -17,7 +17,7 @@
     }
     #section-container {
       display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; row-gap: 10px;
-      overflow-y: scroll;
+      overflow: scroll;
       width: 100%
     }
     .section {
@@ -26,6 +26,7 @@
       background-color: #EBEBEB;
       min-width: 340px;
       max-width: min(50vw, 100%);
+      overflow-x: scroll;
     }
     .section-subtitle {
       margin-bottom: 4px;
@@ -52,9 +53,12 @@
     h2 {
       display: inline;
     }
-    @media only screen and (max-width: 600px) {
+    @media only screen and (max-width: 1000px) {
       body{
-        font-size: 70%
+        font-size: 75%
+      }
+      .section {
+        max-width: 96%;
       }
     }
     </style>

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`}`
`18`	`18`	`#section-container {`
`19`	`19`	`display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; row-gap: 10px;`
`20`		`- overflow-y: scroll;`
	`20`	`+ overflow: scroll;`
`21`	`21`	`width: 100%`
`22`	`22`	`}`
`23`	`23`	`.section {`
`@@ -26,6 +26,7 @@`
`26`	`26`	`background-color: #EBEBEB;`
`27`	`27`	`min-width: 340px;`
`28`	`28`	`max-width: min(50vw, 100%);`
	`29`	`+ overflow-x: scroll;`
`29`	`30`	`}`
`30`	`31`	`.section-subtitle {`
`31`	`32`	`margin-bottom: 4px;`
`@@ -52,9 +53,12 @@`
`52`	`53`	`h2 {`
`53`	`54`	`display: inline;`
`54`	`55`	`}`
`55`		`- @media only screen and (max-width: 600px) {`
	`56`	`+ @media only screen and (max-width: 1000px) {`
`56`	`57`	`body{`
`57`		`- font-size: 70%`
	`58`	`+ font-size: 75%`
	`59`	`+ }`
	`60`	`+ .section {`
	`61`	`+ max-width: 96%;`
`58`	`62`	`}`
`59`	`63`	`}`
`60`	`64`	`</style>`