[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;
This commit is contained in:
Charles Hacskaylo 2018-05-18 10:52:24 -07:00 committed by Pegah Sarram
parent fab1def790
commit e19ce4ac8c
3 changed files with 4 additions and 5 deletions

View File

@ -20,8 +20,8 @@
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@mixin absPosDefault($offset: 0px, $overflowHidden: hidden) { @mixin absPosDefault($offset: 0px, $overflow: hidden) {
overflow: $overflowHidden; overflow: $overflow;
position: absolute; position: absolute;
top: $offset; top: $offset;
right: $offset; right: $offset;

View File

@ -5,8 +5,7 @@
} }
.l-view-section { .l-view-section {
//@include test(orange, 0.1); @include absPosDefault($overflow: auto);
@include absPosDefault(0);
h2 { h2 {
color: #fff; color: #fff;
margin-bottom: $interiorMargin; margin-bottom: $interiorMargin;

View File

@ -5,7 +5,7 @@
Export Export
</a> </a>
</div> </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"> <table class="sizing-table">
<tbody> <tbody>
<tr> <tr>