From 20bdc9c5aff58ef2ef3b57e370a385851eb4ead3 Mon Sep 17 00:00:00 2001
From: Florian BLOUET <florian.blouet@gmail.com>
Date: Mon, 9 May 2016 16:40:39 +0200
Subject: [PATCH] PHRAS-1082 - fix preview icon in record editor

---
 .../prod/skins/ui-components/_answers.scss    | 26 -------------------
 .../web/prod/actions/edit_default.html.twig   | 12 ++++++---
 templates/web/prod/results/record.html.twig   |  2 +-
 3 files changed, 9 insertions(+), 31 deletions(-)

diff --git a/resources/www/prod/skins/ui-components/_answers.scss b/resources/www/prod/skins/ui-components/_answers.scss
index 977b5a7fb6..741d3302fb 100644
--- a/resources/www/prod/skins/ui-components/_answers.scss
+++ b/resources/www/prod/skins/ui-components/_answers.scss
@@ -11,32 +11,6 @@ $answersInfoLabelColor: #949494 !default;
   margin: 0;
 }
 
-// .captionRolloverTips, .previewTips, .infoTips,
-/*
-.baskAdder {
-  background-image: url('#{$iconsPath}zoom.gif');
-  background-repeat: no-repeat;
-  background-position: center center;
-  width: 18px;
-  height: 18px;
-  float: right;
-  cursor: pointer;
-}
-
-.captionRolloverTips {
-  background-image: url('#{$iconsPath}mode_list.gif');
-}
-
-.infoTips {
-  background-image: url('#{$iconsPath}info.gif');
-}
-
-.baskAdder {
-  background-image: url('#{$iconsPath}basket.gif');
-}
-*/
-
-
 #answers {
   box-sizing: border-box;
   .status {
diff --git a/templates/web/prod/actions/edit_default.html.twig b/templates/web/prod/actions/edit_default.html.twig
index 7c8a3a7c03..1cf5b739ae 100644
--- a/templates/web/prod/actions/edit_default.html.twig
+++ b/templates/web/prod/actions/edit_default.html.twig
@@ -40,12 +40,16 @@
             <img class="require_alert" src="/assets/common/images/icons/alert.png" style="display:none;cursor:help;" title="{{ 'edit::Certains champs doivent etre remplis pour valider cet editing' | trans }}">
         </div>
         <div style='position:absolute; bottom:0px; left:0px; height:20px' class="bottom actions">
-            <div class="previewTips" tooltipsrc="{{ path('prod_tooltip_preview', { 'sbas_id' : record.get_sbas_id(), 'record_id' : record.get_record_id() }) }}"></div>
+
+            <span class="icon-stack previewTips" tooltipsrc="{{ path('prod_tooltip_preview', { 'sbas_id' : record.get_sbas_id(), 'record_id' : record.get_record_id() }) }}">
+                <i class="icon-circle icon-stack-base"></i>
+                <i class="icon-search icon-light"></i>
+            </span>
 
             <span class="icon-stack infoTips" tooltipsrc="{{ path('prod_tooltip_technical_data', { 'sbas_id' : record.get_sbas_id(), 'record_id' : record.get_record_id() }) }}">
-                  <i class="icon-circle icon-stack-base"></i>
-                  <i class="icon-info icon-light"></i>
-                </span>
+                <i class="icon-circle icon-stack-base"></i>
+                <i class="icon-info icon-light"></i>
+            </span>
         </div>
         <div class="reg_opts" style="display:none;position:absolute;bottom:0;right:0;">
             <a style="float:right;padding:0;margin:0;cursor:pointer;" class="contextMenuTrigger" id="editContextTrigger_{{ record.get_serialize_key() }}">&#9660;</a>
diff --git a/templates/web/prod/results/record.html.twig b/templates/web/prod/results/record.html.twig
index 4d046df964..db28c33865 100644
--- a/templates/web/prod/results/record.html.twig
+++ b/templates/web/prod/results/record.html.twig
@@ -70,7 +70,7 @@
 
                         {% if settings.rollover_thumbnail == 'caption' %}
                             {% if record.subdefs.preview is defined and has_access_subdef(record, 'preview') %}
-                                <span class="icon-stack previewTips" tooltipsrc="{{ path('prod_tooltip_preview', { 'sbas_id' : record.databoxId, 'record_id' : record.recordId }) }}" class="previewTips">
+                                <span class="icon-stack previewTips" tooltipsrc="{{ path('prod_tooltip_preview', { 'sbas_id' : record.databoxId, 'record_id' : record.recordId }) }}">
                                   <i class="icon-circle icon-stack-base"></i>
                                   <i class="icon-search icon-light"></i>
                                 </span>