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

[Frontend] Removed unused mini-tab-icon class

Browse Source 
open #90
This commit is contained in:
Charles Hacskaylo
2015-10-29 11:22:18 -07:00
parent f51230b3f7
commit a0c6ddff5a
3 changed files with 40 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -212,98 +212,6 @@ $pad: $interiorMargin * $baseRatio;
}
}
.mini-tab-icon {
// Meant to be used as pane hide/show control elements in concert with mct-splitter
@extend .ui-symbol;
@include desktop {
@include trans-prop-nice(left, 150ms);
//@include test(green);
$iconD: 12px;
$arwD: 7px;
$arwOffsetX: 0px;
$arwAnimOffsetX: 2px;
$arwToLeftAnimX: -1 * $arwAnimOffsetX;
$arwToRightAnimX: $arwAnimOffsetX;
$arwToLeftX: ($arwOffsetX + $arwD) * -1;
$arwToRightX: $iconD + $arwOffsetX;
$c: pullForward($colorBodyBg, 15%);
color: $c;
cursor: pointer;
display: block;
position: absolute;
font-size: $iconD;
line-height: $iconD;
height: $iconD; width: $iconD;
&:hover {
color: pullForward($c, 20%);
&:after {
color: $colorKey;
}
}
&:before,
&:after {
@include trans-prop-nice(color, 200ms);
display: block;
position: absolute;
}
&:before {
// Always the arrow icon
@include trans-prop-nice(left, 150ms);
//@include test(green);
font-size: $arwD;
height: 100%; width: $arwD;
}
&:after {
// Representative icon
//@include test(red);
width: 100%;
height: 100%;
}
&.anchor-left {
// < []
$xpos: $arwToLeftX;
&:before {
content:'\3c';
left: $xpos;
}
&:hover:before { left: $xpos + $arwToLeftAnimX; }
&.collapsed {
$xpos: $arwToRightX;
&:before {
content:'\3e';
left: $xpos;
}
&:hover:before { left: $xpos + $arwToRightAnimX; }
}
}
&.anchor-right {
// [] >
$xpos: $arwToRightX;
&:before {
content:'\3e';
left: $xpos;
}
&: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
}
}
}
.l-btn-set {
// Buttons that have a very tight conceptual grouping - no internal space between them.
// Structure: .btn-set > mct-representation class=first|last > .s-btn