[Frontend] CSS and markup tweaks

Fixes #1166
New control-bar height constant
Removed font-size definition in .l-view-section
This commit is contained in:
Charles Hacskaylo
2016-09-01 20:09:38 -07:00
parent 55603b927f
commit 39dcb937d5
2 changed files with 4 additions and 8 deletions

View File

@@ -126,6 +126,7 @@ $menuLineH: 1.5rem;
$menuLineHPx: 24px; $menuLineHPx: 24px;
$btnStdH: 25px; $btnStdH: 25px;
$btnToolbarH: $btnStdH; $btnToolbarH: $btnStdH;
$controlBarH: $btnStdH;
$btnFrameH: 16px; $btnFrameH: 16px;
/************************** PATHS */ /************************** PATHS */

View File

@@ -1,16 +1,11 @@
/* Styles for sub-dividing views generically */ /* Styles for sub-dividing views generically */
$cbH: 25px;
.l-control-bar { .l-control-bar {
// Element that can be placed above l-view-section // Element that can be placed above l-view-section, holds controls, buttons, etc.
height: $cbH; height: $controlBarH;
} }
.l-view-section { .l-view-section {
@include absPosDefault(0); @include absPosDefault(0);
font-size: 0.8rem;
h2 { h2 {
color: #fff; color: #fff;
margin-bottom: $interiorMargin; margin-bottom: $interiorMargin;
@@ -27,7 +22,7 @@ $cbH: 25px;
.has-control-bar { .has-control-bar {
.l-view-section { .l-view-section {
top: $cbH + $interiorMargin; top: $controlBarH + $interiorMargin;
} }
} }