[Frontend] Markup and CSS for link icon indicators

WTD-1423 Grid item version with link at bottom right of main icon;
2015-06-30 17:58:56 -07:00
parent 3e5fa30d9d
commit d5d7ac90ac
9 changed files with 163 additions and 88 deletions
--- a/platform/commonUI/browse/res/templates/items/grid-item.html
+++ b/platform/commonUI/browse/res/templates/items/grid-item.html
@@ -32,7 +32,13 @@
            </div>
        </div>
        <div class='item-main abs'>
-            <div class='ui-symbol icon lg abs item-type'>{{type.getGlyph()}}</div>
+            <div class='ui-symbol icon lg item-type'>
+                {{type.getGlyph()}}
+                <!-- this will be toggled by a ng-show -->
+                <span class='ui-symbol icon l-link-icon'>
+                    &#xf4;
+                </span>
+            </div>
            <div class='ui-symbol icon abs item-open'>}</div>
        </div>
        <div class='bottom-bar bar abs'>