Turn fake link spans into full-fledged buttons

This commit is contained in:
Hypolite Petovan 2022-12-27 21:34:46 -05:00
parent 60551e6277
commit a1070f4818
4 changed files with 23 additions and 18 deletions

View file

@ -234,32 +234,32 @@ class Conversation
$likers .= ' ' . $this->l10n->t('and %d other people', $total - $this->config->get('system', 'max_likers')); $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 = ''; $explikers = '';
switch ($verb) { switch ($verb) {
case 'like': 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); $explikers = $this->l10n->t('%s like this.', $likers);
break; break;
case 'dislike': 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); $explikers = $this->l10n->t('%s don\'t like this.', $likers);
break; break;
case 'attendyes': 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); $explikers = $this->l10n->t('%s attend.', $likers);
break; break;
case 'attendno': 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); $explikers = $this->l10n->t('%s don\'t attend.', $likers);
break; break;
case 'attendmaybe': 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); $explikers = $this->l10n->t('%s attend maybe.', $likers);
break; break;
case 'announce': 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); $explikers = $this->l10n->t('%s reshared this.', $likers);
break; break;
} }

View file

@ -76,6 +76,13 @@ blockquote {
.fakelink { .fakelink {
cursor: pointer; cursor: pointer;
} }
.btn.btn-link.fakelink {
box-shadow: none;
padding: 0 2px;
vertical-align: baseline;
outline-offset: 0;
}
.hidden { .hidden {
display: none !important; display: none !important;
} }

View file

@ -140,12 +140,6 @@
<p class="wall-item-actions"> <p class="wall-item-actions">
{{* Action buttons to interact with the item (like: like, dislike, share and so on *}} {{* Action buttons to interact with the item (like: like, dislike, share and so on *}}
<span class="wall-item-actions-left"> <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}} {{if $item.threaded}}{{/if}}
{{* Buttons for like and dislike *}} {{* Buttons for like and dislike *}}

View file

@ -312,17 +312,21 @@ a:hover {
} }
.fakelink { .fakelink {
color: #36c; color: #36c;
/* color: #3e3e8c; */
/* color: #3465A4; */
/* color: #3E3E8C; */
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
.fakelink:hover { .fakelink:hover {
/* color: blue;*/
/* color: #005c94; */
text-decoration: underline; 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 { pre code {
font-family: Courier, monospace; font-family: Courier, monospace;
white-space: pre; white-space: pre;