[Frontend] Styling for context-available arrow

WTD-1404 WTD-1422
2015-06-30 13:35:21 -07:00
parent 344aa8acc8
commit 06cf199872
4 changed files with 60 additions and 29 deletions
--- a/platform/commonUI/general/res/sass/controls/_controls.scss
+++ b/platform/commonUI/general/res/sass/controls/_controls.scss
@@ -348,6 +348,15 @@ label.checkbox.custom {
 	}
 }

+.context-available {
+	$c: $colorKey;
+	color: $c;
+	//padding: 0 5px;
+	&:hover {
+		color: lighten($c, 10%);
+	}
+}
+
 .view-switcher {
 	@include trans-prop-nice-fade($controlFadeMs);
 }
@@ -365,6 +374,15 @@ label.checkbox.custom {
 			margin-right: $interiorMargin;
 			vertical-align: middle;
 		}
+		.context-available {
+			opacity: 0;
+			font-size: 0.8em;
+		}
+		&:hover {
+			.context-available {
+				opacity: 1;
+			}
+		}
 	}
 }