Don't do content shifts when mouse highlighting the cheat sheet pages

orta · orta · commit 497990b1fd9f · 2022-01-14T19:13:27.000Z
diff --git a/packages/typescriptlang-org/src/templates/pages/css/cheatsheets.scss b/packages/typescriptlang-org/src/templates/pages/css/cheatsheets.scss
@@ -83,7 +83,7 @@
   }
 
   @media (max-width: $screen-sm) {
-    // The
+    // The single column needs this to make all of the pages fold under each other
     .cs-2 {
       margin-top: -40px;
     }
@@ -93,6 +93,9 @@
     // No peeking out of the sides
     .sheet-container {
       margin: 0;
+
+      // Don't jump the bottom of the page when you are selecting things
+      min-height: 550px;
     }
 
     // CFA should be centered vertically but it is 2 lines vs the rest
@@ -104,6 +107,8 @@
     // Allow poking out of the edge
     .sheet-container {
       margin: 0 -80px;
+      // Don't jump the bottom of the page when you are selecting things
+      min-height: 780px;
     }
     // BIIIGG
     .sheet img {

Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,7 @@`
`83`	`83`	`}`
`84`	`84`
`85`	`85`	`@media (max-width: $screen-sm) {`
`86`		`- // The`
	`86`	`+ // The single column needs this to make all of the pages fold under each other`
`87`	`87`	`.cs-2 {`
`88`	`88`	`margin-top: -40px;`
`89`	`89`	`}`
`@@ -93,6 +93,9 @@`
`93`	`93`	`// No peeking out of the sides`
`94`	`94`	`.sheet-container {`
`95`	`95`	`margin: 0;`
	`96`	`+`
	`97`	`+ // Don't jump the bottom of the page when you are selecting things`
	`98`	`+ min-height: 550px;`
`96`	`99`	`}`
`97`	`100`
`98`	`101`	`// CFA should be centered vertically but it is 2 lines vs the rest`
`@@ -104,6 +107,8 @@`
`104`	`107`	`// Allow poking out of the edge`
`105`	`108`	`.sheet-container {`
`106`	`109`	`margin: 0 -80px;`
	`110`	`+ // Don't jump the bottom of the page when you are selecting things`
	`111`	`+ min-height: 780px;`
`107`	`112`	`}`
`108`	`113`	`// BIIIGG`
`109`	`114`	`.sheet img {`