diff options
| -rw-r--r-- | Zotlabs/Widget/Channel_activities.php | 2 | ||||
| -rw-r--r-- | view/js/autocomplete.js | 2 | ||||
| -rw-r--r-- | view/tpl/conv_item.tpl | 4 | ||||
| -rw-r--r-- | view/tpl/messages_widget.tpl | 12 | ||||
| -rw-r--r-- | view/tpl/notifications_widget.tpl | 2 | ||||
| -rw-r--r-- | view/tpl/pinned_item.tpl | 228 | ||||
| -rw-r--r-- | view/tpl/search_item.tpl | 4 |
7 files changed, 94 insertions, 160 deletions
diff --git a/Zotlabs/Widget/Channel_activities.php b/Zotlabs/Widget/Channel_activities.php index debaf20d4..2677f82c3 100644 --- a/Zotlabs/Widget/Channel_activities.php +++ b/Zotlabs/Widget/Channel_activities.php @@ -223,7 +223,7 @@ class Channel_activities { $i[] = [ 'url' => z_root() . '/manage/' . $rr['channel_id'], 'title' => '', - 'summary' => '<div class="text-truncate lh-sm"><img src="' . $rr['xchan_photo_s'] . '" class="menu-img-2">' . '<strong>' . $rr['channel_name'] . '</strong><br><small class="opacity-75">' . $rr['xchan_addr'] . '</small></div>', + 'summary' => '<div class="text-truncate lh-sm"><img src="' . $rr['xchan_photo_s'] . '" class="menu-img-2">' . '<strong>' . $rr['channel_name'] . '</strong><br><small class="text-body-secondary">' . $rr['xchan_addr'] . '</small></div>', 'footer' => $footer ]; diff --git a/view/js/autocomplete.js b/view/js/autocomplete.js index 7d6ddb1c4..ad8e04050 100644 --- a/view/js/autocomplete.js +++ b/view/js/autocomplete.js @@ -38,7 +38,7 @@ function contact_format(item) { var desc = ((item.label) ? item.nick + ' ' + item.label : item.nick); if(typeof desc === 'undefined') desc = ''; if(desc) desc = ' ('+desc+')'; - return "<div class='dropdown-item dropdown-notification lh-sm text-truncate' title='{4}'><img class='menu-img-2' src='{1}' loading='lazy'><strong>{2}</strong><br><small class='opacity-75'>{4}</small></div>".format(item.taggable, item.photo, item.name, desc, typeof(item.link) !== 'undefined' ? item.link : desc.replace('(','').replace(')','')); + return "<div class='dropdown-item dropdown-notification lh-sm text-truncate' title='{4}'><img class='menu-img-2' src='{1}' loading='lazy'><strong>{2}</strong><br><small class='text-body-secondary'>{4}</small></div>".format(item.taggable, item.photo, item.name, desc, typeof(item.link) !== 'undefined' ? item.link : desc.replace('(','').replace(')','')); } else return ""; diff --git a/view/tpl/conv_item.tpl b/view/tpl/conv_item.tpl index 2f39ae675..26685155c 100644 --- a/view/tpl/conv_item.tpl +++ b/view/tpl/conv_item.tpl @@ -28,7 +28,7 @@ {{/if}} <div class="p-2 wall-item-head{{if !$item.title && !$item.event && !$item.photo}} rounded-top{{/if}} clearfix"> <div class="lh-sm text-end float-end"> - <div class="wall-item-ago opacity-75" id="wall-item-ago-{{$item.id}}"> + <div class="wall-item-ago text-body-secondary" id="wall-item-ago-{{$item.id}}"> {{if $item.location}} {{$item.location}} {{/if}} @@ -87,7 +87,7 @@ <div class="text-truncate"> <a href="{{$item.profile_url}}" class="lh-sm wall-item-name-link u-url"{{if $item.app}} title="{{$item.str_app}}"{{/if}}><span class="wall-item-name{{$item.sparkle}}" id="wall-item-name-{{$item.id}}" ><bdi>{{$item.name}}</bdi></span></a>{{if $item.owner_url}} {{$item.via}} <a href="{{$item.owner_url}}" title="{{$item.olinktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}"><bdi>{{$item.owner_name}}</bdi></span></a>{{/if}} </div> - <small class="lh-sm text-truncate d-block wall-item-addr opacity-75">{{$item.author_id}}</small> + <small class="lh-sm text-truncate d-block wall-item-addr text-body-secondary">{{$item.author_id}}</small> </div> </div> {{if $item.divider}} diff --git a/view/tpl/messages_widget.tpl b/view/tpl/messages_widget.tpl index 2201095bd..1455b5e0b 100644 --- a/view/tpl/messages_widget.tpl +++ b/view/tpl/messages_widget.tpl @@ -40,17 +40,17 @@ {7} <strong title="{4}">{4}</strong> </div> - <small class="autotime-narrow opacity-75" title="{1}"></small> + <small class="autotime-narrow text-body-secondary" title="{1}"></small> </div> <div class="text-truncate"> - <small class="opacity-75" title="{5}">{5}</small> + <small class="text-body-secondary" title="{5}">{5}</small> </div> </div> </div> <div class="mb-2"> <div class="text-break">{2}</div> </div> - <small class="opacity-75">{3}</small> + <small class="text-body-secondary">{3}</small> {8} </a> </div> @@ -82,17 +82,17 @@ {{$e.icon}} <strong title="{{$e.author_name}}">{{$e.author_name}}</strong> </div> - <small class="autotime-narrow opacity-75" title="{{$e.created}}"></small> + <small class="autotime-narrow text-body-secondary" title="{{$e.created}}"></small> </div> <div class="text-truncate"> - <small class="opacity-75" title="{{$e.author_addr}}">{{$e.author_addr}}</small> + <small class="text-body-secondary" title="{{$e.author_addr}}">{{$e.author_addr}}</small> </div> </div> </div> <div class="mb-2"> <div class="text-break">{{$e.summary}}</div> </div> - <small class="opacity-75">{{$e.info}}</small> + <small class="text-body-secondary">{{$e.info}}</small> {{if $e.unseen_count}} <span class="badge bg-transparent border border-{{$e.unseen_class}} text-{{$e.unseen_class}} rounded-pill position-absolute bottom-0 end-0 m-2 unseen_count" title="{{$strings.unseen_count}}">{{$e.unseen_count}}</span> {{/if}} diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl index 64d721d1e..113660c7e 100644 --- a/view/tpl/notifications_widget.tpl +++ b/view/tpl/notifications_widget.tpl @@ -724,7 +724,7 @@ <div class="text-truncate pe-1"> <strong title="{2} - {3}">{2}</strong> </div> - <small class="autotime-narrow opacity-75" title="{5}"></small> + <small class="autotime-narrow text-body-secondary" title="{5}"></small> </div> <div class="text-truncate">{4}</div> </div> diff --git a/view/tpl/pinned_item.tpl b/view/tpl/pinned_item.tpl index aa5b94664..927b5ef80 100644 --- a/view/tpl/pinned_item.tpl +++ b/view/tpl/pinned_item.tpl @@ -1,6 +1,6 @@ <div id="pinned-wrapper-{{$id}}" class="pinned-item toplevel_item generic-content-wrapper h-entry" data-b64mids='{{$mids}}'> <div class="wall-item-outside-wrapper" id="pinned-item-outside-wrapper-{{$id}}"> - <div class="clearfix wall-item-content-wrapper" id="pinned-item-content-wrapper-{{$id}}"> + <div class="wall-item-content-wrapper" id="pinned-item-content-wrapper-{{$id}}"> {{if $photo}} <div class="wall-photo-item" id="pinned-photo-item-{{$id}}"> {{$photo}} @@ -26,17 +26,51 @@ {{/if}} </div> {{if ! $is_new}} - <hr class="m-0"> + <hr class="m-0"> {{/if}} {{/if}} - <div class="p-2 lh-sm d-flex wall-item-head{{if !$title && !$event && !$photo}} rounded-top{{/if}}{{if $is_new && !$event}} wall-item-head-new{{/if}}" > - <div class="wall-item-info pe-2" id="wall-item-info-{{$id}}" > - <div class="wall-item-photo-wrapper{{if $owner_url}} wwfrom{{/if}} h-card p-author" id="wall-item-photo-wrapper-{{$id}}"> - <img src="{{$thumb}}" class="fakelink wall-item-photo{{$sparkle}} u-photo p-name" id="wall-item-photo-{{$id}}" alt="{{$name}}" loading="lazy" data-bs-toggle="dropdown" /> - {{if $thread_author_menu}} - <i class="bi bi-caret-down wall-item-photo-caret cursor-pointer" data-bs-toggle="dropdown"></i> + <div class="p-2 wall-item-head{{if !$title && !$event && !$photo}} rounded-top{{/if}}{{if $is_new && !$event}} wall-item-head-new{{/if}}" > + <div class="lh-sm text-end float-end"> + <div class="wall-item-ago text-body-secondary" id="pinned-item-ago-{{$id}}"> + {{if $location}} + {{$location}} + {{/if}} + {{if $editedtime}} + <i class="bi bi-pencil" title="{{$editedtime}}"></i> + {{/if}} + {{if $verified}} + <i class="bi bi-shield-check" title="{{$verified}}"></i> + {{elseif $forged}} + <i class="bi bi-shield-exclamation text-danger" title="{{$forged}}"></i> + {{/if}} + {{if $no_comment}} + <i class="bi bi-ban" title="{{$no_comment}}"></i> + {{/if}} + {{if $delayed}} + <i class="bi bi-clock" title="{{$delayed}}"></i> + {{/if}} + {{if $expiretime}} + <i class="bi bi-clock-history" title="{{$expiretime}}"></i> + {{/if}} + <small class="autotime" title="{{$isotime}}"><time class="dt-published" datetime="{{$isotime}}">{{$localtime}}</time>{{if $expiretime}} {{$expiretime}}{{/if}}</small> + </div> + {{if $pinned}} + <div class="wall-item-pinned" title="{{$pinned}}" id="pinned-item-pinned-{{$id}}"><i class="bi bi-pin-fill"></i></div> + {{/if}} + </div> + <div class="float-start wall-item-info pe-2" id="pinned-item-info-{{$id}}" > + <div class="wall-item-photo-wrapper{{if $owner_url}} wwfrom{{/if}} h-card p-author" id="pinned-item-photo-wrapper-{{$id}}"> + {{if $item.contact_id}} + <div class="spinner-wrapper contact-edit-rotator contact-edit-rotator-{{$contact_id}}"><div class="spinner s"></div></div> + {{/if}} + <img src="{{$thumb}}" class="fakelink wall-item-photo{{$sparkle}} u-photo p-name" id="pinned-item-photo-{{$id}}" alt="{{$name}}" loading="lazy" data-bs-toggle="dropdown" /> + {{if $item.author_is_group_actor}} + <i class="bi bi-chat-quote-fill wall-item-photo-group-actor" title="{{$author_is_group_actor}}"></i> + {{/if}} + {{if $item.thread_author_menu}} + <i class="bi bi-caret-down-fill wall-item-photo-caret cursor-pointer" data-bs-toggle="dropdown"></i> <div class="dropdown-menu"> - {{foreach $thread_author_menu as $mitem}} + {{foreach $item.thread_author_menu as $mitem}} <a class="dropdown-item{{if $mitem.class}} {{$mitem.class}}{{/if}}" {{if $mitem.href}}href="{{$mitem.href}}"{{/if}} {{if $mitem.action}}onclick="{{$mitem.action}}"{{/if}} {{if $mitem.title}}title="{{$mitem.title}}"{{/if}}{{if $mitem.data}} {{$mitem.data}}{{/if}}>{{$mitem.title}}</a> {{/foreach}} </div> @@ -45,159 +79,59 @@ </div> <div class="wall-item-author text-truncate"> <a href="{{$profile_url}}" title="{{$linktitle}}" class="wall-item-name-link u-url"><span class="wall-item-name" id="pinned-item-name-{{$id}}" >{{$name}}</span></a>{{if $owner_url}} {{$via}} <a href="{{$owner_url}}" title="{{$olinktitle}}" class="wall-item-name-link"><span class="wall-item-name" id="pinned-item-ownername-{{$id}}">{{$owner_name}}</span></a>{{/if}}<br> - <small class="wall-item-addr opacity-75">{{$author_id}}</small> - </div> - <div class="text-end ms-auto"> - <div class="wall-item-ago text-nowrap opacity-75" id="wall-item-ago-{{$id}}"> - {{if $editedtime}} - <i class="bi bi-pencil"></i> - {{/if}} - {{if $delayed}} - <i class="bi fa-clock-o"></i> - {{/if}} - {{if $location}} - <small class="wall-item-location p-location" id="wall-item-location-{{$id}}">{{$location}}</small> - {{/if}} - {{if $verified}} - <i class="bi bi-check-lg text-success" title="{{$verified}}"></i> - {{elseif $forged}} - <i class="bi fa-exclamation text-danger" title="{{$forged}}"></i> - {{/if}} - <small class="autotime" title="{{$isotime}}"><time class="dt-published" datetime="{{$isotime}}">{{$localtime}}</time>{{if $editedtime}} {{$editedtime}}{{/if}}{{if $expiretime}} {{$expiretime}}{{/if}}</small> - </div> - <div class="wall-item-pinned" title="{{$pinned}}" id="wall-item-pinned-{{$id}}"><i class="bi fa-thumb-tack"></i></div> + <small class="wall-item-addr text-body-secondary">{{$author_id}}</small> </div> </div> {{if $divider}} - <hr class="wall-item-divider"> + <hr class="wall-item-divider"> {{/if}} {{if $body}} - <div class="p-2 wall-item-content clearfix" id="pinned-item-content-{{$id}}"> - <div class="wall-item-body e-content" id="pinned-item-body-{{$id}}" > - {{$body}} - </div> + <div class="p-2 wall-item-content clearfix" id="pinned-item-content-{{$id}}"> + <div class="wall-item-body e-content" id="pinned-item-body-{{$id}}" > + {{$body}} </div> + </div> {{/if}} {{if $has_tags}} - <div class="p-2 wall-item-tools clearfix"> - <div class="body-tags"> - <span class="tag">{{$mentions}} {{$tags}} {{$categories}} {{$folders}}</span> - </div> + <div class="p-2 wall-item-tools clearfix"> + <div class="body-tags"> + <span class="tag">{{$mentions}} {{$tags}} {{$categories}} {{$folders}}</span> </div> + </div> {{/if}} - <div class="p-2 clearfix wall-item-tools"> - <div class="float-end wall-item-tools-right"> - <div class="btn-group"> - <div id="pinned-rotator-{{$id}}" class="spinner-wrapper"> - <div class="spinner s"></div> - </div> - </div> - <div class="btn-group"> - {{if $isevent}} - <div class="btn-group"> - <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" id="pinned-item-attend-menu-{{$id}}" title="{{$attend_title}}"> - <i class="bi fa-calendar-check-o"></i> - </button> - <div class="dropdown-menu dropdown-menu-end"> - <a class="dropdown-item" href="#" title="{{$attend.0}}" onclick="itemAddToCal({{$id}}); dolike({{$id}},'attendyes'); return false;"> - <i class="item-act-list bi bi-check-lg{{if $my_responses.attend}} ivoted{{/if}}" ></i> {{$attend.0}} - </a> - <a class="dropdown-item" href="#" title="{{$attend.1}}" onclick="itemAddToCal({{$id}}), dolike({{$id}},'attendno'); return false;"> - <i class="item-act-list bi bi-x-lg{{if $my_responses.attendno}} ivoted{{/if}}" ></i> {{$attend.1}} - </a> - <a class="dropdown-item" href="#" title="{{$attend.2}}" onclick="itemAddToCal({{$id}}); dolike({{$id}},'attendmaybe'); return false;"> - <i class="item-act-list bi bi-question-lg{{if $my_responses.attendmaybe}} ivoted{{/if}}" ></i> {{$attend.2}} - </a> - </div> - </div> - {{/if}} - {{if $canvote}} - <div class="btn-group"> - <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" id="pinned-item-consensus-menu-{{$id}}" title="{{$vote_title}}"> - <i class="bi bi-check-square"></i> - </button> - <div class="dropdown-menu dropdown-menu-end" role="menu" aria-labelledby="wall-item-consensus-menu-{{$id}}"> - <a class="dropdown-item" href="#" title="{{$conlabels.0}}" onclick="dolike({{$id}},'agree'); return false;"> - <i class="item-act-list bi bi-check-lg{{if $my_responses.agree}} ivoted{{/if}}" ></i> {{$conlabels.0}} - </a> - <a class="dropdown-item" href="#" title="{{$conlabels.1}}" onclick="dolike({{$id}},'disagree'); return false;"> - <i class="item-act-list bi bi-x-lg{{if $my_responses.disagree}} ivoted{{/if}}" ></i> {{$conlabels.1}} - </a> - <a class="dropdown-item" href="#" title="{{$conlabels.2}}" onclick="dolike({{$id}},'abstain'); return false;"> - <i class="item-act-list bi bi-question-lg{{if $my_responses.abstain}} ivoted{{/if}}" ></i> {{$conlabels.2}} - </a> - </div> - </div> - {{/if}} - <div class="btn-group"> - <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" id="pinned-item-menu-{{$id}}"> - <i class="bi bi-gear"></i> - </button> - <div class="dropdown-menu dropdown-menu-end" role="menu" aria-labelledby="wall-item-menu-{{$id}}"> - {{if $share}} - <a class="dropdown-item" href="#" onclick="jotShare({{$id}},{{$item_type}}); return false;"><i class="generic-icons-nav bi fa-retweet" title="{{$share.0}}"></i>{{$share.0}}</a> - {{/if}} - {{if $embed}} - <a class="dropdown-item" href="#" onclick="jotEmbed({{$id}},{{$item_type}}); return false;"><i class="generic-icons-nav bi fa-share" title="{{$embed.0}}"></i>{{$embed.0}}</a> - {{/if}} - {{if $plink}} - <a class="dropdown-item" href="{{$plink.href}}" title="{{$plink.title}}" class="u-url"><i class="generic-icons-nav bi bi-box-arrow-up-right"></i>{{$plink.title}}</a> - {{/if}} - {{if $pinme}} - <a class="dropdown-item dropdown-item-pinnable" href="#" onclick="dopin({{$id}}); return false;"><i class="generic-icons-nav bi fa-thumb-tack"></i>{{$pinme}}</a> - {{/if}} - {{if $hide}} - <a class="dropdown-item" href="#" onclick="dopinhide({{$id}}); return false;" class="u-url"><i class="generic-icons-nav bi fa-remove"></i>{{$hide}}</a> - {{/if}} - </div> + <div class="p-2 wall-item-tools d-flex justify-content-between"> + <div class="wall-item-tools-left hstack gap-1" id="wall-item-tools-left-{{$item.id}}"> + {{foreach $responses as $verb=>$response}} + {{if !($verb == 'comment' && (($toplevel && !$blog_mode) || $response.count == 0))}} + <button type="button" title="{{$response.count}} {{$response.button.label}}" class="btn btn-sm btn-link{{if !$observer_activity.$verb}} link-secondary{{/if}} wall-item-{{$response.button.class}}" onclick="request({{$item.id}}, '{{$item.rawmid}}', '{{$verb}}', {{$item.parent}}, '{{$item.mid}}'); return false;" id="pinned-item-{{$verb}}-{{$id}}"> + <i class="bi bi-{{$response.button.icon}} generic-icons"></i>{{if $response.count}}<span style="display: inline-block; margin-top: -.25rem;" class="align-top">{{$response.count}}</span>{{/if}} + </button> + {{/if}} + {{/foreach}} + <div class=""> + <div id="like-rotator-{{$id}}" class="spinner-wrapper"> + <div class="spinner s"></div> </div> </div> </div> - {{if $responses || $attachments}} - <div class="wall-item-tools-left btn-group" id="pinned-item-tools-left-{{$id}}"> - {{if $attachments}} - <div class="wall-item-tools-left btn-group" id="pinned-item-tools-left-{{$id}}"> - <div class="btn-group"> - <button type="button" class="btn btn-outline-secondary btn-sm wall-item-like dropdown-toggle" data-bs-toggle="dropdown" id="pinned-attachment-menu-{{$id}}"> - <i class="bi bi-paperclip"></i> - </button> - <div class="dropdown-menu">{{$attachments}}</div> - </div> - </div> - {{/if}} - {{foreach $responses as $verb=>$response}} - {{if $response.count}} - <div class="btn-group"> - <button type="button" class="btn btn-outline-secondary btn-sm wall-item-like dropdown-toggle"{{if $response.modal}} data-bs-toggle="modal" data-bs-target="#{{$verb}}Modal-{{$id}}"{{else}} data-bs-toggle="dropdown"{{/if}} id="pinned-item-{{$verb}}-{{$id}}">{{$response.count}} {{$response.button}}</button> - {{if $response.modal}} - <div class="modal" id="pinned-{{$verb}}Modal-{{$id}}"> - <div class="modal-dialog"> - <div class="modal-content"> - <div class="modal-header"> - <h3 class="modal-title">{{$response.count}} {{$response.button}}</h3> - <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button> - </div> - <div class="modal-body response-list"> - <ul class="nav nav-pills flex-column"> - {{foreach $response.list as $liker}}<li class="nav-item">{{$liker}}</li>{{/foreach}} - </ul> - </div> - <div class="modal-footer clear"> - <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{$modal_dismiss}}</button> - </div> - </div> - </div> - </div> - {{else}} - <div class="dropdown-menu"> - {{foreach $response.list as $liker}}{{$liker}}{{/foreach}} - </div> - {{/if}} - </div> + <div class="wall-item-tools-right hstack gap-1" id="pinned-item-tools-right-{{$id}}"> + {{if $attachments}} + <div class=""> + <button type="button" class="btn btn-sm btn-link link-secondary wall-item-attach" data-bs-toggle="dropdown" id="pinned-attachment-menu-{{$id}}"><i class="bi bi-paperclip generic-icons"></i></button> + <div class="dropdown-menu dropdown-menu-end">{{$attachments}}</div> + </div> + {{/if}} + <div class=""> + <button type="button" class="btn btn-sm btn-link link-secondary" data-bs-toggle="dropdown" id="wall-item-menu-{{$item.id}}"> + <i class="bi bi-three-dots-vertical generic-icons"></i> + </button> + <div class="dropdown-menu dropdown-menu-end" role="menu" aria-labelledby="wall-item-menu-{{$item.id}}"> + {{if $plink}} + <a class="dropdown-item" href="{{$plink.href}}" title="{{$plink.title}}" class="u-url"><i class="generic-icons-nav bi bi-box-arrow-up-right"></i>{{$plink.title}}</a> {{/if}} - {{/foreach}} + </div> </div> - {{/if}} + </div> </div> </div> </div> diff --git a/view/tpl/search_item.tpl b/view/tpl/search_item.tpl index d693c4d37..a40b25554 100644 --- a/view/tpl/search_item.tpl +++ b/view/tpl/search_item.tpl @@ -22,7 +22,7 @@ {{/if}} <div class="p-2 wall-item-head{{if !$item.title && !$item.event && !$item.photo}} rounded-top{{/if}}{{if $item.is_new && !$item.event && !$item.is_comment}} wall-item-head-new{{/if}}" > <div class="lh-sm text-end float-end"> - <div class="wall-item-ago opacity-75" id="wall-item-ago-{{$item.id}}"> + <div class="wall-item-ago text-body-secondary" id="wall-item-ago-{{$item.id}}"> {{if $item.location}} {{$item.location}} {{/if}} @@ -83,7 +83,7 @@ <div class="text-truncate"> <a href="{{$item.profile_url}}" class="lh-sm wall-item-name-link u-url"{{if $item.app}} title="{{$item.str_app}}"{{/if}}><span class="wall-item-name{{$item.sparkle}}" id="wall-item-name-{{$item.id}}" ><bdi>{{$item.name}}</bdi></span></a>{{if $item.owner_url}} {{$item.via}} <a href="{{$item.owner_url}}" title="{{$item.olinktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}"><bdi>{{$item.owner_name}}</bdi></span></a>{{/if}} </div> - <small class="lh-sm text-truncate d-block wall-item-addr opacity-75">{{$item.author_id}}</small> + <small class="lh-sm text-truncate d-block wall-item-addr text-body-secondary">{{$item.author_id}}</small> </div> </div> {{if $item.divider}} |