[Frontend] Refinements to active edit styles

open #199
open #278
Styling finalized for tree/search items;
Mods to pulse mixins;
Colors for both themes finessed and finalized;
This commit is contained in:
Charles Hacskaylo
2015-11-18 16:46:56 -08:00
parent b9cd26aaf6
commit cc7df05a43
5 changed files with 39 additions and 25 deletions

View File

@@ -145,15 +145,26 @@ ul.tree {
&.active {
// The item is being edited
background: rgba($colorItemTreeEditingBg, 0.5) !important;
background: $colorItemTreeEditingBg; //rgba($colorItemTreeSelectedBg, 0.2) !important;
pointer-events: none;
&:before {
// Pencil icon
@extend .ui-symbol;
color: $colorItemTreeEditingBg;
@include pulse($dur: 1s, $opacity0: 0.25);
color: $colorItemTreeEditingFg;
content: '\70';
margin-left: $interiorMarginSm;
}
.t-object-label {
.t-item-icon,
.t-title-label {
color: $colorItemTreeEditingFg;
@include text-shadow(none);
}
.t-title-label {
font-style: italic;
}
}
.view-control, + .tree-item-subtree { display: none; }
}
@@ -174,8 +185,9 @@ ul.tree {
}
}
.tree-item {
.tree-item,
.search-result-item.active {
.t-object-label {
left: $interiorMargin + $treeVCW;
}
}
}