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,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>