add new comment bar

This commit is contained in:
Ashley 2023-10-23 15:41:04 +00:00
parent 9c5bee9de9
commit 756d06a4b9

View file

@ -1986,7 +1986,10 @@ summary:hover{
a { 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)) { %>
@ -2235,17 +2238,17 @@ 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,19 +2260,21 @@ 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>
<% } %> <% } %>
</div> </div>