Turn fake link spans into full-fledged buttons

diff --git a/src/Content/Conversation.php b/src/Content/Conversation.php
index eb9af133c18e4ee6bdfd6269cea1dc0f8b109787..6c5313fdc5a1115ef332a6c453783d8d3c0adae6 100644 (file)
--- a/src/Content/Conversation.php
+++ b/src/Content/Conversation.php
@@ -234,32 +234,32 @@ class Conversation
                                $likers .= ' ' . $this->l10n->t('and %d other people', $total - $this->config->get('system', 'max_likers'));
                        }
 
-                       $spanatts = "class=\"fakelink\" onclick=\"openClose('{$verb}list-$id');\"";
+                       $spanatts = "class=\"btn btn-link fakelink\" onclick=\"openClose('{$verb}list-$id');\"";
 
                        $explikers = '';
                        switch ($verb) {
                                case 'like':
-                                       $phrase    = $this->l10n->t('<span  %1$s>%2$d people</span> like this', $spanatts, $total);
+                                       $phrase    = $this->l10n->t('<button type="button" %1$s>%2$d people</button> like this', $spanatts, $total);
                                        $explikers = $this->l10n->t('%s like this.', $likers);
                                        break;
                                case 'dislike':
-                                       $phrase    = $this->l10n->t('<span  %1$s>%2$d people</span> don\'t like this', $spanatts, $total);
+                                       $phrase    = $this->l10n->t('<button type="button" %1$s>%2$d people</button> don\'t like this', $spanatts, $total);
                                        $explikers = $this->l10n->t('%s don\'t like this.', $likers);
                                        break;
                                case 'attendyes':
-                                       $phrase    = $this->l10n->t('<span  %1$s>%2$d people</span> attend', $spanatts, $total);
+                                       $phrase    = $this->l10n->t('<button type="button" %1$s>%2$d people</button> attend', $spanatts, $total);
                                        $explikers = $this->l10n->t('%s attend.', $likers);
                                        break;
                                case 'attendno':
-                                       $phrase    = $this->l10n->t('<span  %1$s>%2$d people</span> don\'t attend', $spanatts, $total);
+                                       $phrase    = $this->l10n->t('<button type="button" %1$s>%2$d people</button> don\'t attend', $spanatts, $total);
                                        $explikers = $this->l10n->t('%s don\'t attend.', $likers);
                                        break;
                                case 'attendmaybe':
-                                       $phrase    = $this->l10n->t('<span  %1$s>%2$d people</span> attend maybe', $spanatts, $total);
+                                       $phrase    = $this->l10n->t('<button type="button" %1$s>%2$d people</button> attend maybe', $spanatts, $total);
                                        $explikers = $this->l10n->t('%s attend maybe.', $likers);
                                        break;
                                case 'announce':
-                                       $phrase    = $this->l10n->t('<span  %1$s>%2$d people</span> reshared this', $spanatts, $total);
+                                       $phrase    = $this->l10n->t('<button type="button" %1$s>%2$d people</button> reshared this', $spanatts, $total);
                                        $explikers = $this->l10n->t('%s reshared this.', $likers);
                                        break;
                        }

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index be41e330f82c5ca386ee406057f8dd5bb1fc8581..4bcee9d104567ef67d1d5c3322acfaa8df24e85a 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -76,6 +76,13 @@ blockquote {
 .fakelink {
        cursor: pointer;
 }
+.btn.btn-link.fakelink {
+       box-shadow: none;
+       padding: 0 2px;
+       vertical-align: baseline;
+       outline-offset: 0;
+}
+
 .hidden {
        display: none !important;
 }

diff --git a/view/theme/frio/templates/search_item.tpl b/view/theme/frio/templates/search_item.tpl
index 5a283ce3f0593698c02ebee580795c78607e6227..f0ed02b90c6171172fe4288c449a35799b6de09d 100644 (file)
--- a/view/theme/frio/templates/search_item.tpl
+++ b/view/theme/frio/templates/search_item.tpl
@@ -140,12 +140,6 @@
                        <p class="wall-item-actions">
                                {{* Action buttons to interact with the item (like: like, dislike, share and so on *}}
                                <span class="wall-item-actions-left">
-                                       <!--comment this out to try something different {{if $item.threaded}}{{if $item.comment_html}}
-                                       <div id="button-reply" class="pull-left">
-                                               <button type="button" class="btn-link" id="comment-{{$item.id}}" onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});"><i class="fa fa-reply" title="{{$item.switchcomment}}"></i> </span>
-                                       </div>
-                                       {{/if}}{{/if}}-->
-
                                        {{if $item.threaded}}{{/if}}
 
                                        {{* Buttons for like and dislike *}}

diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index b574a9f3e7420232b797870f0dba0a3ae35256b8..ed047c2cf7e6586cb55d49ff59cd66b462ecb42a 100644 (file)
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -312,17 +312,21 @@ a:hover {
 }
 .fakelink {
        color: #36c;
-       /* color: #3e3e8c; */
-       /* color: #3465A4; */
-       /* color: #3E3E8C; */
        text-decoration: none;
        cursor: pointer;
 }
 .fakelink:hover {
-       /* color: blue;*/
-       /* color: #005c94; */
        text-decoration: underline;
 }
+.btn.btn-link.fakelink {
+       background: none;
+       border: none;
+       box-shadow: none;
+       padding: 0 2px;
+       vertical-align: baseline;
+       outline-offset: 0;
+}
+
 pre code {
        font-family: Courier, monospace;
        white-space: pre;