mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-17 04:34:38 -05:00
add new comment bar
This commit is contained in:
parent
9c5bee9de9
commit
756d06a4b9
1 changed files with 17 additions and 12 deletions
|
@ -1987,6 +1987,9 @@ a {
|
||||||
color: var(--text-link)
|
color: var(--text-link)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.comment-mini:hover {
|
||||||
|
background:#3f3f3f !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<% if (Array.isArray( !inv.comments)) { %>
|
<% if (Array.isArray( !inv.comments)) { %>
|
||||||
|
@ -2236,16 +2239,16 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
|
||||||
-->
|
-->
|
||||||
</div>
|
</div>
|
||||||
<% if (Array.isArray( inv.comments)) { %>
|
<% if (Array.isArray( inv.comments)) { %>
|
||||||
<div style="padding: 0em;background: #0009;border-radius: 16px;align-self: center;align-items: center;margin-left: 8px;margin-right: 12px;padding-bottom: 0;padding-top:1em">
|
|
||||||
<div class="video-title" style="font-family:'PokeTube flex';font-weight:1000;white-space:yes;margin-top: -0.5em;margin-left: 0.4em;">Comments - <%- convert(inv.commentCount) %>
|
<div class="comment-mini" style="padding: 0em;background: #0009;border-radius: 16px;align-self: center;align-items: center;margin-left: 8px;margin-right: 12px;padding-bottom: 0;padding-top:1em">
|
||||||
<a id="language-button" href="#comments-container" style="float: right;margin-right: 0.5em;" class="switch">
|
<a id="language-button" href="#comments-container" style="" class="switch">
|
||||||
<i class="fa-thin fa-chevron-down"></i>
|
|
||||||
</a>
|
<div class="video-title" style="font-family:'PokeTube flex';font-weight:1000;white-space:yes;margin-top: -0.5em;margin-left: 0.8em;">Comments - <%- convert(inv.commentCount) %>
|
||||||
</div>
|
</div>
|
||||||
<div class="" style="padding: 0em !important;margin-left: 0.3em;">
|
<div class="" style="padding: 0em !important;margin-left: 0.3em;">
|
||||||
|
|
||||||
<div class="desc" style="display: flex;font-size: small;padding: 0;margin: -10px;margin-left: -0.5em">
|
<div class="desc" style="display: flex;font-size: small;padding: 0;margin: -10px;margin-left: -0.5em">
|
||||||
<h5 style="display: flex;margin-top: 7px;padding-top: 10px;">
|
<h5 style="display: flex;margin-top: 7px;padding-top: 10px;margin-left: 12px;">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
|
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
|
@ -2257,12 +2260,13 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
|
||||||
|
|
||||||
|
|
||||||
</h5>
|
</h5>
|
||||||
<p class="comment" style="font-weight: bold;color: #fff; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; max-width: 50em;align-self:center;">
|
<p class="comment" style="font-weight: bold;color: #fff; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; max-width: 19em;align-self:center;">
|
||||||
<%- inv.comments[0].contentHtml %>
|
<%- inv.comments[0].contentHtml %>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -2270,6 +2274,7 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
|
||||||
|
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue