Rework status-interact HTML

FossilOrigin-Name: 2e232ac3314e73f3b3f74ff26931d3653931daf8c95cd2449ce8015e6a647b1e
This commit is contained in:
me@ow.nekobit.net 2022-02-27 07:09:19 +00:00
parent ff7f120745
commit 2a328bbf68
2 changed files with 48 additions and 18 deletions

21
dist/ratfe20.css vendored
View file

@ -232,6 +232,21 @@ ul li:first-child a.sidebarbtn
display: flex;
}
.status-interact ul
{
display: flex;
padding: 0;
margin: 0;
}
.status-interact ul li
{
display: inline-block;
margin: 0;
padding: 0;
list-style-type: none;
}
/***************************
* Element Grouping *
@ -418,20 +433,20 @@ ul li:first-child a.sidebarbtn
/* Special cases */
.nobutton
{
display: block !important;
background: none !important;
background-color: transparent !important;
color: #aa0000 !important;
padding: 0px 9px !important;
padding: 4px 9px !important;
margin: 0 !important;
text-decoration: none;
cursor: pointer !important;
outline: inherit !important;
font-size: 14px;
border: 0 !important;
line-height: 24px;
}
.status-interact form:not(:last-child) .nobutton
.status-interact ul li:not(:last-child) .nobutton
{
border-right: 1px solid #cacaca !important;

View file

@ -13,21 +13,36 @@
%s
</span>
<div class="status-interact">
<form action="%s/status/%s/reply" method="post">
<input class="nobutton" type="submit" value="Reply">
</form>
<form action="%s/status/%s/interact" method="post">
<input type="hidden" name="itype" value="repeat">
<input class="nobutton %s" type="submit" value="Repeat">
</form>
<form action="%s/status/%s/interact" method="post">
<input type="hidden" name="itype" value="like">
<input class="nobutton %s" type="submit" value="Like">
</form>
<form action="%s/status/%s/quick" method="post">
<input class="nobutton" type="submit" value="Quick">
</form>
<a class="nobutton" href="%s/status/%s">View</a>
<ul>
<li>
<form action="%s/status/%s/reply" method="post">
<input class="nobutton" type="submit" value="Reply">
</form>
</li>
<li>
<form action="%s/status/%s/interact" method="post">
<input type="hidden" name="itype" value="repeat">
<input class="nobutton %s" type="submit" value="Repeat">
</form>
</li>
<li>
<form action="%s/status/%s/interact" method="post">
<input type="hidden" name="itype" value="like">
<input class="nobutton %s" type="submit" value="Like">
</form>
</li>
<li>
<form action="%s/status/%s/quick" method="post">
<input class="nobutton" type="submit" value="Quick">
</form>
</li>
<li>
<a class="nobutton" href="%s/status/%s">View</a>
</li>
<li>
<a class="nobutton" onclick="alert('hi');" href="#">Emoji</a>
</li>
</ul>
</div>
</div>
</div>