Merge pull request #962 from aholachek/tooltips

added tooltips
adsabs · Jun 8, 2016 · db60579 · db60579
2 parents 9856fc7 + 0578df5
commit db60579
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/src/js/widgets/list_of_things/templates/item-template.html b/src/js/widgets/list_of_things/templates/item-template.html
@@ -42,9 +42,11 @@
 
                     {{else}}
 
-                        <a href="#" class="btn-link disabled" aria-disabled="true">
-                            <i class="s-text-icon" aria-label="quick access to full text links"></i>
+                    <div title="full text links (none)">
+                        <a href="#" class="btn-link disabled" aria-disabled="true" aria-label="full text links">
+                            <i class="s-text-icon" aria-hidden="true"></i>
                         </a>
+                    </div>
 
                     {{/if}}
 
@@ -66,10 +68,12 @@
                 </ul>
 
                 {{else}}
-
-                    <a href="#" class="btn-link disabled" aria-disabled="true">
-                        <i class="s-list-icon" aria-label="quick links to lists of references, citations and more"></i>
+                <div title="references, citations (none)">
+                    <a href="#" class="btn-link disabled" aria-disabled="true" aria-label="quick links to lists of references, citations etc">
+                        <i class="s-list-icon" aria-hidden="true"></i>
                     </a>
+                </div>
+
 
                 {{/if}}
 
@@ -85,16 +89,17 @@
                 <ul class="hidden list-unstyled link-details s-link-details" role="menu">
 
                     {{#each links.data}}
-                    <li><a {{#if this.openAccess}}class="s-open-access"{{/if}} href="{{this.link}}" target="_blank"
+                    <li><a {{#if this.openAccess}} class="s-open-access"{{/if}} href="{{this.link}}" target="_blank"
                         >{{this.title}}</a></li>
                     {{/each}}
                 </ul>
 
                 {{else}}
-
-                    <a href="#" class="btn-link disabled" aria-disabled="true">
-                        <i class="s-data-icon" aria-label="quick links to data associated with this article"></i>
-                    </a>
+                    <div title="data products (none)">
+                        <a href="#" class="btn-link disabled" aria-disabled="true" aria-label="quick links to data associated with this article">
+                            <i class="s-data-icon" aria-hidden="true"></i>
+                        </a>
+                    </div>
 
                 {{/if}}
 

diff --git a/src/styles/sass/ads-sass/results-list.scss b/src/styles/sass/ads-sass/results-list.scss
@@ -1,8 +1,6 @@
 
 // results list css
 
-
-
 //icons for links
 
 .s-icon-draw-attention {
@@ -22,9 +20,9 @@
   position: absolute;
   top: 18px;
   @extend .s-ads-card;
-  padding: 8px 10px;
+  padding: 14px;
   z-index: $z-index-4;
-  margin-left: -8%;
+  margin-left: -30%;
   min-width: 160px;
   font-weight:normal;
 }