Merge pull request #2309 from laws-africa/gutter-bugs

longhotsummer · web-flow · commit 70181e97852e · 2024-12-11T16:04:20.000+02:00
fix gutter issues for short gutter areas and long annotations
diff --git a/indigo_app/static/stylesheets/_annotations.scss b/indigo_app/static/stylesheets/_annotations.scss
@@ -10,6 +10,9 @@ mark.active mark {
 }
 
 .content-with-gutter .gutter {
+  // for small portions, if the gutter extends below the screen, allow it to scroll
+  overflow-y: auto;
+
   .annotation-thread {
     border: 1px solid $border-color;
     box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,9 @@ mark.active mark {`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`.content-with-gutter .gutter {`
	`13`	`+ // for small portions, if the gutter extends below the screen, allow it to scroll`
	`14`	`+ overflow-y: auto;`
	`15`	`+`
`13`	`16`	`.annotation-thread {`
`14`	`17`	`border: 1px solid $border-color;`
`15`	`18`	`box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);`