alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Manual re-do of collapse/expand panes

Browse Source 
open #90
Refined positioning of .mini-tab elements when
panes are collapsed;
This commit is contained in:
Charles Hacskaylo
2015-10-22 19:26:59 -07:00
parent 3687cc5edd
commit 57f11a9767
7 changed files with 269 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
platform/commonUI/general/res/sass/controls/_buttons.scss
View File

@@ -109,6 +109,12 @@ $pad: $interiorMargin * $baseRatio;
//@include test(green);
$iconD: 12px;
$arwD: 7px;
$arwOffsetX: 1px;
$arwAnimOffsetX: 3px;
$arwToLeftAnimX: -1 * $arwAnimOffsetX;
$arwToRightAnimX: $arwAnimOffsetX;
$arwToLeftX: ($arwOffsetX + $arwD) * -1;
$arwToRightX: $iconD + $arwOffsetX;
$c: pullForward($colorBodyBg, 15%);
color: $c;
cursor: pointer;
@@ -148,21 +154,41 @@ $pad: $interiorMargin * $baseRatio;
&.anchor-left {
// < []
$xpos: (1px + $arwD) * -1;
$xpos: $arwToLeftX;
&:before {
content:'\3c';
left: $xpos;
}
&:hover:before { left: $xpos - 3; }
&:hover:before { left: $xpos + $arwToLeftAnimX; }
&.collapsed {
$xpos: $arwToRightX;
&:before {
content:'\3e';
left: $xpos;
}
&:hover:before { left: $xpos + $arwToRightAnimX; }
}
}
&.anchor-right {
// [] >
$xpos: $iconD + 2px;
$xpos: $arwToRightX;
&:before {
content:'\3e';
left: $xpos;
}
&:hover:before { left: $xpos + 3; }
&:hover:before { left: $xpos + $arwToRightAnimX; }
&.collapsed {
$xpos: $arwToLeftX;
&:before {
content:'\3c';
left: $xpos;
}
&:hover:before { left: $xpos + $arwToLeftAnimX; }
}
}
&.collapsed {
// State when the pane this element controls has been collapsed
}
}
}