[Frontend] Added s-status-pending spinner to tree-item

open #431
Refinements of tree item sizes and spacing;
Polished spinner-related classes;
Moved l-icon-link icon into -glyph element;
This commit is contained in:
Charles Hacskaylo
2015-12-16 16:06:31 -08:00
parent b59fc43038
commit 930b13f9a0
6 changed files with 85 additions and 61 deletions

View File

@@ -77,7 +77,8 @@ ul.tree {
@include txtShdwSubtle($shdwItemTreeIcon);
font-size: $treeTypeIconH;
color: $colorItemTreeIcon;
width: $treeTypeIconH;
margin-right: $interiorMargin;
width: $treeTypeIconW;
}
.title-label,
.t-title-label {
@@ -128,17 +129,24 @@ ul.tree {
.tree-item {
mct-representation {
//.t-object-label {
// left: $interiorMargin + $treeVCW;
//}
&.s-status-pending {
.t-object-label {
&:before {
@include spinner(0.25em, $colorItemTreeIcon);
content: "";
}
.t-item-icon .t-item-icon-glyph {
display: none;
.t-item-icon {
&:before {
$spinBW: 4px;
$spinD: $treeTypeIconW - ($spinBW * 2);
@include spinner($spinBW, $colorItemTreeIcon);
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: $spinD;
height: $spinD;
}
.t-item-icon-glyph {
display: none;
}
}
}
}