Rework status-interact HTML
FossilOrigin-Name: 2e232ac3314e73f3b3f74ff26931d3653931daf8c95cd2449ce8015e6a647b1e
This commit is contained in:
parent
ff7f120745
commit
2a328bbf68
2 changed files with 48 additions and 18 deletions
21
dist/ratfe20.css
vendored
21
dist/ratfe20.css
vendored
|
@ -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;
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue