diff options
| -rw-r--r-- | view/css/conversation.css | 14 | ||||
| -rw-r--r-- | view/tpl/conv_item.tpl | 4 |
2 files changed, 11 insertions, 7 deletions
diff --git a/view/css/conversation.css b/view/css/conversation.css index 5d8c36ea4..3d206797f 100644 --- a/view/css/conversation.css +++ b/view/css/conversation.css @@ -210,7 +210,7 @@ a.wall-item-name-link { transform: scale(1) translateY(0); } -.item-highlight:after { +.item-highlight::after { content: ''; position: absolute; pointer-events: none; @@ -236,7 +236,7 @@ a.wall-item-name-link { padding-left: .75rem; } -.item-indent:before { +.item-indent::before { content: ''; position: absolute; height: 100%; @@ -268,7 +268,6 @@ a.wall-item-name-link { z-index: 1; } - .wall-item-expanded { position: relative; border-radius: var(--bs-border-radius); @@ -276,7 +275,7 @@ a.wall-item-name-link { z-index: 2; } -.wall-item-expanded:after { +.wall-item-expanded::after { content: ''; position: absolute; pointer-events: none; @@ -287,7 +286,7 @@ a.wall-item-name-link { bottom: 0; } -.wall-item-expanded:before { +.wall-item-expanded::before { content: var(--hz-wall-item-expanded-before-content, "");; position: absolute; top: 0; @@ -303,6 +302,11 @@ a.wall-item-name-link { text-transform: uppercase; } +.load-more:hover .load-more-dots { + background: var(--bs-light-bg-subtle); + padding: 0 0.35em; +} + /* comment_item */ diff --git a/view/tpl/conv_item.tpl b/view/tpl/conv_item.tpl index 112e2705b..c97c53c41 100644 --- a/view/tpl/conv_item.tpl +++ b/view/tpl/conv_item.tpl @@ -226,8 +226,8 @@ <div id="load-more-progress-wrapper-{{$item.id}}" class="progress{{if $item.blog_mode}} d-none{{/if}}" role="progressbar" aria-valuenow="{{$item.comments_total_percent}}" aria-valuemin="0" aria-valuemax="100" style="height: 1px"> <div id="load-more-progress-{{$item.id}}" class="progress-bar bg-info" style="width: {{$item.comments_total_percent}}%; margin-left: auto; margin-right: auto;" data-comments-total="{{$item.comments_total}}"></div> </div> - <div id="load-more-{{$item.id}}" class="text-center text-secondary cursor-pointer{{if $item.blog_mode}} d-none{{/if}}" title="{{$item.load_more_title}}" onclick="request(0, '{{$item.rawmid}}', 'load', {{$item.parent}}, ''); return false;"> - <span id="load-more-dots-{{$item.id}}" class=""><span class="dot-1">-</span> <span class="dot-2">-</span> <span class="dot-3">-</span></span> + <div id="load-more-{{$item.id}}" class="load-more text-center text-secondary cursor-pointer{{if $item.blog_mode}} d-none{{/if}}" title="{{$item.load_more_title}}" onclick="request(0, '{{$item.rawmid}}', 'load', {{$item.parent}}, ''); return false;"> + <span id="load-more-dots-{{$item.id}}" class="load-more-dots rounded"><span class="dot-1">-</span> <span class="dot-2">-</span> <span class="dot-3">-</span></span> </div> {{/if}} <div id="wall-item-sub-thread-wrapper-{{$item.id}}" class="wall-item-sub-thread-wrapper"> |