[Bug] CSS and markup mods

CSS markup and mods to fix issues related to bug WTD-618;
fix is complete and verified in Chrome
This commit is contained in:
Charles Hacskaylo
2014-12-30 17:02:48 -08:00
committed by Victor Woeltjen
parent 7db5c0692b
commit f820cd47b6
8 changed files with 95 additions and 53 deletions

View File

@@ -27,7 +27,8 @@ body, html {
color: $colorBodyFg;
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
margin: $bodyMargin;
height: 100%;
width: 100%;
overflow: hidden;
}
@@ -51,7 +52,9 @@ h1 {
}
span {
/* 618 DEBUG
box-sizing: border-box;
*/
}
.abs {

View File

@@ -1,7 +0,0 @@
.pane {
.holder {
// left: $interiorMargin;
// right: $interiorMargin;
}
// &:first-child .holder { left: 0; }
}

View File

@@ -1,6 +1,10 @@
.split-layout {
$b: lighten($colorBodyBg, 5%);
$splitterD: 5px;
// TEMP VAlS - this will need to be redone when we implement a draggable splitter
$splitL: 85%;
$splitT: 70%;
.splitter {
background-color: $b;
@include box-shadow(rgba(black, 0.4) 0 0 3px);
@@ -14,6 +18,14 @@
.pane {
left: 0;
right: 0;
&.top {
bottom: auto;
height: $splitT;
}
&.bottom {
top: auto;
height: 100% - $splitT;
}
}
>.splitter {
@include controlGrippy($b, horizontal);
@@ -21,6 +33,8 @@
left: 0; right: 0;
width: auto;
height: $splitterD;
margin-top: ($splitterD + 2) * -1;
top: $splitT;
}
}
&.vertical {
@@ -28,12 +42,22 @@
.pane {
top: 0;
bottom: 0;
&.left {
right: auto;
width: $splitL - 1%;
}
&.right {
left: auto;
width: 100% - $splitL;
}
}
>.splitter {
@include controlGrippy($b, vertical);
bottom: 0;
cursor: col-resize;
width: $splitterD;
margin-left: ($splitterD + 2) * -1;
left: $splitL;
}
}
}

View File

@@ -86,7 +86,8 @@ ul.tree {
position: absolute;
top: 0;
left: $treeVCW + $treeTypeIconW + ($interiorMargin * 2); //38px;
right: $treeContextTriggerW + $interiorMargin;
// right: $treeContextTriggerW + $interiorMargin; //Disabling as context trigger not being used
right: 0;
overflow: hidden;
text-overflow: ellipsis;
height: $menuLineH;