[Frontend] s-status-pending sanding and polishing

open #431
Cleanups, comment removal; Inspector location items
with s-status-pending tweaked;
Fixed grid-item background class;
This commit is contained in:
Charles Hacskaylo
2015-12-17 12:24:57 -08:00
parent 941d0d0057
commit ae89a169d0
8 changed files with 164 additions and 86 deletions

View File

@@ -73,23 +73,21 @@
}
.l-icon-alert {
display: none !important; // Remove this when alerts are enabled
display: none !important;
&:before {
color: $colorAlert;
content: "!";
}
}
// NEW!!
.t-item-icon {
// Used in grid-item.html, tree-item, inspector location, more?
@extend .ui-symbol;
@extend .icon;
//display: inline-block;
line-height: normal; // This is Ok for the symbolsfont
position: relative;
.t-item-icon-glyph {
position: relative;
position: absolute;
}
&.l-icon-link {
.t-item-icon-glyph {

View File

@@ -84,12 +84,20 @@
}
.inspector-location {
//line-height: 180%;
.location-item {
$h: 1.2em;
@include box-sizing(border-box);
cursor: pointer;
display: inline-block;
line-height: $h;
position: relative;
padding: 2px 4px;
.t-object-label {
.t-item-icon {
height: $h;
width: 0.7rem;
}
}
&:hover {
background: $colorItemTreeHoverBg;
color: $colorItemTreeHoverFg;
@@ -104,6 +112,7 @@
display: inline-block;
font-family: symbolsfont;
font-size: 8px;
font-style: normal !important;
line-height: inherit;
margin-left: $interiorMarginSm;
width: 4px;

View File

@@ -300,7 +300,7 @@
@include desktop {
@if $bgHov != none {
&:not(.disabled):hover {
background: $bgHov;
@include background-image($bgHov);
>.icon {
color: lighten($ic, $ltGamma);
}

View File

@@ -41,14 +41,14 @@ mct-representation {
.t-item-icon {
&:before {
$spinBW: 4px;
$spinD: 0; // $treeTypeIconW - ($spinBW * 2);
$spinD: 0;
@include spinner($spinBW);
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
padding: 35%;
padding: 30%;
width: $spinD;
height: $spinD;
}

View File

@@ -33,6 +33,7 @@
@include animation-duration(0.5s);
@include animation-iteration-count(infinite);
@include animation-timing-function(linear);
@include transform-origin(center);
border-style: solid;
border-width: $b;
@include border-radius(100%);

View File

@@ -130,17 +130,9 @@ mct-representation {
.t-item-icon {
&:before {
$spinBW: 4px;
$spinD: $treeTypeIconW - ($spinBW * 2);
@include spinner($spinBW);
border-color: rgba($colorItemTreeIcon, 0.25);
border-top-color: rgba($colorItemTreeIcon, 1.0);
//content: "";
//display: block;
//position: absolute;
//left: 50%;
//top: 50%;
width: $spinD;
height: $spinD;
}
.t-item-icon-glyph {
display: none;