From e19ce4ac8c0977a69bc4f716d4c0b6d903365933 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Fri, 18 May 2018 10:52:24 -0700
Subject: [PATCH] [Frontend] Adds overflow scrolling to .l-view-section (#2039)

Fixes #1878
- Add overflow: auto;
- Better naming of $overflow arg;
- Fixed and unit tested in plots and tables;
---
 platform/commonUI/general/res/sass/_mixins.scss      | 4 ++--
 platform/commonUI/general/res/sass/_views.scss       | 3 +--
 platform/features/table/res/templates/mct-table.html | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss
index 4aaaeac295..02809c9152 100644
--- a/platform/commonUI/general/res/sass/_mixins.scss
+++ b/platform/commonUI/general/res/sass/_mixins.scss
@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-@mixin absPosDefault($offset: 0px, $overflowHidden: hidden) {
-    overflow: $overflowHidden;
+@mixin absPosDefault($offset: 0px, $overflow: hidden) {
+    overflow: $overflow;
     position: absolute;
     top: $offset;
     right: $offset;
diff --git a/platform/commonUI/general/res/sass/_views.scss b/platform/commonUI/general/res/sass/_views.scss
index 5ba1862eb3..8c45ff2d78 100644
--- a/platform/commonUI/general/res/sass/_views.scss
+++ b/platform/commonUI/general/res/sass/_views.scss
@@ -5,8 +5,7 @@
 }
 
 .l-view-section {
-    //@include test(orange, 0.1);
-	@include absPosDefault(0);
+	@include absPosDefault($overflow: auto);
 	h2 {
 		color: #fff;
 		margin-bottom: $interiorMargin;
diff --git a/platform/features/table/res/templates/mct-table.html b/platform/features/table/res/templates/mct-table.html
index 056e8aac33..f8074e5de7 100644
--- a/platform/features/table/res/templates/mct-table.html
+++ b/platform/features/table/res/templates/mct-table.html
@@ -5,7 +5,7 @@
         Export
     </a>
 </div>
-<div class="l-view-section scrolling" style="overflow: auto;" mct-resize="resize()">
+<div class="l-view-section scrolling" mct-resize="resize()">
     <table class="sizing-table">
         <tbody>
             <tr>