move column scrolling in to a mixin

opentech/static_src/src/app/src/components/Listing/style.scss

@@ -11,18 +11,8 @@
 
     // containing <ul>
     &__list {
+        @include column-scrolling;
         overflow-y: scroll;
-        height: calc(100vh - #{$listing-header-height});
-
-        @include media-query(tablet-landscape) {
-            // only allow columns to be scrolled on larger screens
-            height: calc(100vh - var(--header-admin-height) - #{$listing-header-height});
-        }
-
-        @include media-query(laptop-short) {
-            // allow for vertical scrolling on laptops
-            height: calc(100vh -  #{$listing-header-height});
-        }
 
         // ensures the last item will be at the top of the column after navigating to it via the dropdown
         &--applications {

opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss

 .application-display {
+    @include column-scrolling;
     padding: 20px;
-
-    @include media-query(tablet-landscape) {
-        height: calc(100vh - var(--header-admin-height) - #{$listing-header-height} - 40px);
-        overflow-y: scroll;
-    }
-
-    @include media-query(laptop-short) {
-        // allow for vertical scrolling on laptops
-        height: calc(100vh -  #{$listing-header-height} - 40px);
-    }
 }

opentech/static_src/src/app/src/containers/DisplayPanel/style.scss

@@ -24,14 +24,7 @@
 
     // loading container
     &__loading {
-        @include media-query(tablet-portrait) {
-            height: calc(100vh - var(--header-admin-height) - #{$listing-header-height} - 40px);
-        }
-
-        // 100vh - listing header - display-panel__body padding
-        @include media-query(laptop-short) {
-            height: calc(100vh -  #{$listing-header-height} - 40px);
-        }
+        @include column-scrolling;
     }
 
     &__header {

opentech/static_src/src/sass/apply/abstracts/_mixins.scss

@@ -209,3 +209,15 @@
         }
     }
 }
+
+@mixin column-scrolling {
+    @include media-query(tablet-landscape) {
+        height: calc(100vh - var(--header-admin-height) - #{$listing-header-height} - 40px);
+        overflow-y: scroll;
+    }
+
+    @include media-query(laptop-short) {
+        // allow for vertical scrolling on laptops
+        height: calc(100vh -  #{$listing-header-height} - 40px);
+    }
+}