activities: fix not scrolling on overflow

This adds css needed to make the activities tab view contents scroll
appropriately when the contents don't fit vertically.

Fixes: https://github.com/pybricks/support/issues/782

CHANGELOG.md

@@ -10,9 +10,11 @@
 
 ### Fixed
 - Fixed firmware checksum validation when checksum === 0.
+- Fixed activity views not scrolling when contents don't fit ([support#782]).
 
 [pybricks-code#771]: https://github.com/pybricks/pybricks-code/issues/771
 [support#719]: https://github.com/pybricks/support/issues/719
+[support#782]: https://github.com/pybricks/support/issues/782
 
 ## [2.0.0-beta.9] - 2022-10-27
 

src/activities/activities.scss

@@ -26,6 +26,8 @@
     }
 
     &-tabview {
+        display: flex;
+        flex-direction: column;
         width: bp.$pt-grid-size * 25;
         padding: bp.$pt-grid-size;
         @include pb.background-contrast(0%);

src/explorer/explorer.scss

@@ -4,12 +4,19 @@
 @use '@blueprintjs/core/lib/scss/variables' as bp;
 
 .pb-explorer {
+    min-height: 0;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+
     &-header-toolbar {
         display: flex;
         justify-content: flex-end;
     }
 
     &-file-tree {
+        overflow-y: auto;
+
         // don't need extra padding around toolbar
         & .#{bp.$ns}-tree-node-secondary-label {
             padding: unset;

src/settings/settings.scss

@@ -6,6 +6,8 @@
 @use '@blueprintjs/core/lib/scss/variables' as bp;
 
 .pb-settings {
+    overflow-y: auto;
+
     .#{bp.$ns}-control-group {
         .#{bp.$ns}-button {
             margin-bottom: 3px;