diff --git a/opentech/static_src/src/app/src/components/GroupedListing/styles.scss b/opentech/static_src/src/app/src/components/GroupedListing/styles.scss index a7721d242f024784d1ce331da6908a7e007b97a2..7ca14912ff7eb2907e905bcdcced9528b88a71bf 100644 --- a/opentech/static_src/src/app/src/components/GroupedListing/styles.scss +++ b/opentech/static_src/src/app/src/components/GroupedListing/styles.scss @@ -1,5 +1,10 @@ .grouped-listing { - height: calc(100vh - var(--header-admin-height)); + height: 98vh; + + @include media-query(laptop-short) { + // allow for vertical scrolling on laptops + height: calc(100vh - var(--header-admin-height)); + } display: flex; flex-direction: column; diff --git a/opentech/static_src/src/app/src/components/Listing/style.scss b/opentech/static_src/src/app/src/components/Listing/style.scss index 04c9dde7bd58dffeb47ed1ed9e2e0017143641be..a55970b210f10f581f15dc0b3fb76ba1d459eab8 100644 --- a/opentech/static_src/src/app/src/components/Listing/style.scss +++ b/opentech/static_src/src/app/src/components/Listing/style.scss @@ -1,5 +1,5 @@ .listing { - overflow-y: scroll; + overflow-y: overlay; flex-grow: 3; @include target-ie11 { diff --git a/opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss b/opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss index 7ad72c885e015d6c5ce5f0fd1eba44d70f5db652..e9ed5475a73561ff6a82c6c0240e52916b44b6db 100644 --- a/opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss +++ b/opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss @@ -1,4 +1,11 @@ .application-display { - @include column-scrolling; + height: calc(100vh - #{$listing-header-height}); + overflow-y: scroll; padding: 20px; + + @include media-query(laptop-short) { + // allow for vertical scrolling on laptops + height: calc(100vh - var(--header-admin-height) - #{$listing-header-height}); + } + } diff --git a/opentech/static_src/src/app/src/components/Tabber/styles.scss b/opentech/static_src/src/app/src/components/Tabber/styles.scss index 9eb77e0362dcf3dc8910c59e087bcd34a09d9c76..52e8c5a1a63a75e1009cfed803a583a4594f56c7 100644 --- a/opentech/static_src/src/app/src/components/Tabber/styles.scss +++ b/opentech/static_src/src/app/src/components/Tabber/styles.scss @@ -54,6 +54,12 @@ .tab { display: flex; flex-direction: column; - height: calc(100vh - var(--header-admin-height) - #{$listing-header-height}); overflow-y: auto; + height: calc(100vh - #{$listing-header-height}); + + @include media-query(laptop-short) { + // allow for vertical scrolling on laptops + height: calc(100vh - var(--header-admin-height) - #{$listing-header-height}); + } + }