Merge branch '2680-focus-mode-of-issues-board-hides-scrollbar' into 'master'

Issue Boards: Ensure that horizontal scroll bars are shown on overflow

Closes #2680

See merge request gitlab-org/gitlab-ee!4944

app/assets/stylesheets/pages/boards.scss

@@ -68,7 +68,7 @@
   white-space: nowrap;
 }
 
-@media (min-width: $screen-sm-min) {
+@media (min-width: $screen-md-min) {
   .issue-boards-content.is-focused {
     position: fixed;
     width: 100%;
@@ -79,7 +79,8 @@
     z-index: 9000;
 
     .boards-list {
-      height: calc(100vh - 50px);
+      height: calc(100vh - #{$issue-boards-filter-height});
+      overflow-x: scroll;
     }
 
     .issue-boards-sidebar {
@@ -690,7 +691,6 @@
   font-size: 9px;
   line-height: 15px;
   border-radius: 50%;
-
 }
 
 .modal-filters {

ee/changelogs/unreleased/2680-focus-mode-of-issues-board-hides-scrollbar.yml

+---
+title: 'Issue Boards: Ensure that horizontal scroll bars are shown on overflow'
+merge_request: 4944
+author:
+type: fixed