Turn show comments element into a full-fledged button

diff --git a/view/templates/wall_thread.tpl b/view/templates/wall_thread.tpl
index 8affd318a3a362c9cb2a2fe33c3a2c7d8b33a0b3..86ec6a9fc77dd8044c79b8d44871ed96743859c6 100644 (file)
--- a/view/templates/wall_thread.tpl
+++ b/view/templates/wall_thread.tpl
@@ -2,14 +2,14 @@
 {{else}}
 {{if $item.comment_firstcollapsed}}
 {{if $item.thread_level<3}}
-<div class="hide-comments-outer fakelink" onclick="showHideComments({{$item.id}});">
+<button type="button" class="hide-comments-outer fakelink" onclick="showHideComments({{$item.id}});">
                        <span id="hide-comments-total-{{$item.id}}" class="hide-comments-total">
                                {{$item.num_comments}} - {{$item.show_text}}
                        </span>
        <span id="hide-comments-{{$item.id}}" class="hide-comments" style="display: none">
                                {{$item.num_comments}} - {{$item.hide_text}}
                        </span>
-</div>
+</button>
 <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;">
     {{else}}
        <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: block;">

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 4bcee9d104567ef67d1d5c3322acfaa8df24e85a..3c4aaa7c6e720d50ef4e88b33ee567f4280ee7a8 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -2069,12 +2069,12 @@ wall-item-comment-wrapper.well hr {
        margin-top: 0;
 }
 .hide-comments-outer {
+       display: block;
        background-color: rgba(0, 0, 0, 0.03);
-       padding: 0.5em;
-       border-radius: 0.5em 0.5em 0 0;
-}
-.hide-comments-total {
-       cursor: pointer;
+       padding: 0.3em 10px;
+       width: 100%;
+       border: none;
+       text-align: left;
 }
 
 /*

diff --git a/view/theme/frio/templates/wall_thread.tpl b/view/theme/frio/templates/wall_thread.tpl
index e2e2d52bfc61c5c0c88b737e6b17ab018ffca549..05cbdfbb6c83e0db265e122b18d2df787851dcbc 100644 (file)
--- a/view/theme/frio/templates/wall_thread.tpl
+++ b/view/theme/frio/templates/wall_thread.tpl
@@ -28,29 +28,17 @@ as the value of $top_child_total (this is done at the end of this file)
 {{if $mode == display}}
 {{else}}
 {{if $item.comment_firstcollapsed}}
-       {{*
-       <div align="center" style="margin-top:-34px;">
-               <div class="hide-comments-outer btn btn-default" onclick="showHideComments({{$item.id}});">
-                       <span id="hide-comments-total-{{$item.id}}" class="hide-comments-total">{{$item.num_comments}}</span>
-                       <span id="hide-comments-{{$item.id}}" class="hide-comments fakelink">{{$item.hide_text}}</span>
-               </div>
-       </div>
-       <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;">
-       *}}
-
        {{if $item.thread_level<3}}
-               <div class="hide-comments-outer-wrapper">
-                       <div class="hide-comments-outer fakelink" onclick="showHideComments({{$item.id}});">
-                               <span id="hide-comments-total-{{$item.id}}" class="hide-comments-total">
-                                       <i class="fa fa-caret-right" aria-hidden="true"></i>
-                                       {{$item.num_comments}} - {{$item.show_text}}
-                               </span>
-                               <span id="hide-comments-{{$item.id}}" class="hide-comments" style="display: none">
-                                       <i class="fa fa-caret-down" aria-hidden="true"></i>
-                                       {{$item.num_comments}} - {{$item.hide_text}}
-                               </span>
-                       </div>
-               </div>
+               <button type="button" class="hide-comments-outer fakelink" onclick="showHideComments({{$item.id}});">
+                       <span id="hide-comments-total-{{$item.id}}" class="hide-comments-total">
+                               <i class="fa fa-caret-right" aria-hidden="true"></i>
+                               {{$item.num_comments}} - {{$item.show_text}}
+                       </span>
+                       <span id="hide-comments-{{$item.id}}" class="hide-comments" style="display: none">
+                               <i class="fa fa-caret-down" aria-hidden="true"></i>
+                               {{$item.num_comments}} - {{$item.hide_text}}
+                       </span>
+               </button>
                <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;">
        {{else}}
                <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: block;">