Add "all results" link to item page #295 / #360

* Add "All results" link to item page * display tooltip when hovering text itself (not the whole box)
Beit-Hatfutsot · May 8, 2017 · ed42766 · ed42766
1 parent c335d1c
commit ed42766
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 5 deletions.
diff --git a/scss/_placeholders.scss b/scss/_placeholders.scss
@@ -192,6 +192,10 @@
       width: 15px;
       height: 15px;
     }
+    .search-icon {
+      width: 18px;
+      height: 18px;
+    }
 }
 
 %bhs-fieldset {

diff --git a/scss/main/_item.scss b/scss/main/_item.scss
@@ -670,20 +670,39 @@
                     top: 1em;
                 }
                 p.vertical-middle {
+                  max-width: 80%;
+                  white-space: nowrap;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
                     .he & {
                         margin-right: 2em;
                     }
                     .en & {
                         margin-left: 2em;
                     }
                 }
-                &:hover {
-                    %item-type {
-                        width: 28px;
+
+                &.search {
+                  .en & {
+                    padding-right: 10px;
+                  }
+                  .he & {
+                    padding-left: 10px;
+                  }
+                  p.vertical-middle {
+                    margin: 0;
+                  }
+
+                  .item-type {
+                    .en & {
+                      float: right;
                     }
-                    .type-desc-container {
-                        width: 0;
+                    .he & {
+                      float: left;
+                      @include flip ();
+
                     }
+                  }
                 }
             }
         }

diff --git a/templates/item/right_side.html b/templates/item/right_side.html
@@ -40,6 +40,24 @@
   <leaflet preview-data="itemController.item_data" id="mapid"></leaflet>
 </div>
 
+<div class="search-results">
+    <div class="search-results__header">
+        <en>All Search Results for:</en>
+        <he>לכל התוצאות עבור:</he>
+    </div>
+    <div class="search-results__field search"
+          ui-sref="general-search({q: itemController.item_data.Header.{{itemController.proper_lang}}})">
+      <p class="vertical-middle" ng-attr-title="{{itemController.item_data.Header[itemController.proper_lang]}}">
+            <en>{{itemController.item_data.Header.En}}</en>
+            <he>{{itemController.item_data.Header.He}}</he>
+      </p>
+      <div class="item-type">
+        <div class="search-icon">
+          <ng-include src="'templates/svgs/search_icon.svg'"></ng-include>
+        </div>
+      </div>
+    </div>
+</div>
 <div class="related" ng-show="itemController.related_data.length > 0">
     <div class="related__header">
         <en>Related Items:</en>

diff --git a/templates/svgs/search_icon.svg b/templates/svgs/search_icon.svg