Affichage plus de 10 skills dans account

Author: TonyHaikara

assets/js/front/account.js

@@ -956,7 +956,7 @@ class Account {
             e.preventDefault();
 
             $('#list-following_skills').find('.card').show();
-            $(this).html('See less');
+            $(this).html('<i class="far fa-minus-square"></i> See less');
             $(this).toggleClass('see-more see-less');
         });
 
@@ -973,7 +973,7 @@ class Account {
             });
 
             $(this).toggleClass('see-less see-more');
-            $(this).html('See less');
+            $(this).html('<i class="far fa-plus-square"></i> See more');
         });
     } 
 

assets/scss/account.scss

@@ -316,9 +316,8 @@ $icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
       }
     }
 
-    .see-more {
+    .see-more, .see-less {
       font-weight: 600;
-      text-decoration: underline;
       margin-top: 10px;
       display: inline-block;
     }

templates/front/account/skills.html.twig

@@ -40,8 +40,8 @@
                 </div>
 			{% endfor %}
 		{% endif %}
-        {% if associatedSkills|length > 10 %}
-            <a href="#" class="see-more">{{ 'see_more'|trans }}</a>
+        {% if related_skills|length > 10 %}
+            <a href="#" class="see-more"><i class="far fa-plus-square"></i> {{ 'see_more'|trans }}</a>
         {% endif %}
 	</div>
 </fieldset>