200520 New reply layout and Longhorn theme

This commit is contained in:
Daisuke
2020-05-20 14:53:33 -05:00
parent cb98b84c94
commit 2b1cee3f9d
27 changed files with 900 additions and 78 deletions

View File

@ -1,18 +1,30 @@
<div class='element'>
<div class='avatar desktop' style='background-image:url(:avatar:) :style:'></div>
<div class='post' id=':id:' pid=':pid:'>
<div class='post' id=':id:' pid=':pid:' mode="post">
<div id='a:id:' class='ancestors'>:ancestors:</div>
<div class='postHeader'>
<div style='width:82%; margin:5px; margin-left:10px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=25 class='mobile' style='vertical-align:middle; border-radius:10px'> :name: :rt: </div>
<div style='width:80%; margin:5px; margin-left:10px; display:block; float:left; line-height:30px;'>
<img src=':avatar:' width=25 class='mobile' style='border-radius:10px; display:inline-block;'>
<div style='max-width:50%; display:inline-block;' class='user' id=':uid:'>
<div style='white-space: nowrap; overflow: hidden; text-overflow: ellipsis;'>
<a class='link ldr' href='?user=:uid:' style='font-weight:bold;'>
<span class='desktop'>:name:</span>
<span class='mobile'>:handle:</span>
</a>
</div>
</div>
<span class='desktop' style='vertical-align:top; font-size:12px;'>:acct:</span>
:rt:
</div>
<span style="margin-top:12px; margin-right:10px; float:right; display:block;">
<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
</span>
</div>
:spoiler:
<div class='media' style='text-align:center;'>:media:</div>
<div class='postbody'><div class='content' style='margin-bottom:5px;'>
<div class='postbody'><span class='content' style='margin-bottom:5px;'>
:replyto: :text:
</div></div>
</span></div>
<div class='post_footer'>:footer:</DIV>
<div class='post_notes'>:notes:</DIV>
<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>

View File

@ -1,25 +1,19 @@
<div class='reply :mode:' id=':id:'>
<div class='postHeader'>
<div style='margin:4px; display:block; float:left;'>
<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
<a class='ldr link user' href='?user=:uid:' id=':uid:'>
<b>:name:</b>
</a>
<span class='desktop'>(:acct:)</span>
<div class='reply :mode:' id=':id:' style='display:inline-block; position:relative;'>
<div style='display:flex;' mode="reply">
<div style='flex:1; text-align:center; padding-bottom:8px; padding-top:8px;'>
<img src=':avatar:' style='vertical-align:middle; border-radius:30px; width:80%'>
</div>
<span style='margin:12px; float:right; display:block;'>
<span class='postMenu fontello'>&#xf0c9;
<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div>
<div style='padding:5px 8px 8px 0px;' class='replyflex'>
<span id=':uid:' class='user desktop'><b><a class='link ldr' href='?user=:uid:'>:name:</a></b></span> <span id=':uid:' class='user mobile'><b><a class='link ldr' href='?user=:uid:' style='font-size:10px;'>:handle:</a></b></span> <span >:date:</span><br>
<br> <span class='content' style='width:100%;'>:replyto: :text:</span><br>
:media:
<br>
<span id=':id:' class="post_buttons mobile" style='position:absolute; right:10px; bottom:5px;'>:buttons:</span>
<span class=':visibility: fontello' style='position:absolute; right:10px; top:5px;'></span>
<span class='postMenu fontello mobile' style='position:absolute; right:15px; top:5px;'>&#xf0c9;
<div style='display:none; z-index:99; width:130px; position: absolute; top: 10px; right: -1px;' class='menu'>:menu:</div>
</span>
</span>
</div>
</div>
<div class='postbody'>
<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
</div>
<span style='width:100%; margin-bottom:10px; display:block;'>
<span style='margin-left:10px;'>:date:</span>
<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
</span>
<div id=':id:' class='replies_container'></div>
<script type='application/json' id='data-:id:'>:json:</script>
</div>

View File

@ -1,9 +1,21 @@
<div class='element'>
<div class='avatar desktop' style='background-image:url(:avatar:) :style:'></div>
<div class='post' id=':id:' pid=':pid:'>
<div class='post' id=':id:' pid=':pid:' mode="post">
<div id='a:id:' class='ancestors'>:ancestors:</div>
<div class='postHeader'>
<div style='width:82%; margin:5px; margin-left:10px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=25 class='mobile' style='vertical-align:middle; border-radius:10px'> :name: :rt: </div>
<div style='width:80%; margin:5px; margin-left:10px; display:block; float:left; line-height:30px;'>
<img src=':avatar:' width=25 class='mobile' style='border-radius:10px; display:inline-block;'>
<div style='max-width:50%; display:inline-block;' class='user' id=':uid:'>
<div style='white-space: nowrap; overflow: hidden; text-overflow: ellipsis;'>
<a class='link ldr' href='?user=:uid:' style='font-weight:bold;'>
<span class='desktop'>:name:</span>
<span class='mobile'>:handle:</span>
</a>
</div>
</div>
<span class='desktop' style='vertical-align:top; font-size:12px;'>:acct:</span>
:rt:
</div>
<span style="margin-top:12px; margin-right:10px; float:right; display:block;">
<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
</span>