Status action buttons

FossilOrigin-Name: c4d789ca38cccbba4de1645f3629f380c408c9f7be3285c77773411077d30657
This commit is contained in:
me@ow.nekobit.net 2022-02-17 04:06:52 +00:00
parent d5d3312c93
commit 0a2739c703
2 changed files with 45 additions and 1 deletions

32
dist/ratfe20.css vendored
View file

@ -235,6 +235,14 @@ ul li:first-child a.sidebarbtn
color: #808080;
}
.status-interact
{
margin: 8px 0 2px 0;
display: flex;
}
/***************************
* Element Grouping *
**************************/
@ -388,7 +396,6 @@ ul li:first-child a.sidebarbtn
display: inline-block;
padding: 8px 15px;
margin: 0;
}
/****************
@ -419,3 +426,26 @@ ul li:first-child a.sidebarbtn
{
flex: 1;
}
/* Special cases */
.nobutton
{
background: none !important;
background-color: #eaeaea !important;
color: #aa0000 !important;
padding: 0 7px !important;
margin: 0 5px;
cursor: pointer !important;
outline: inherit !important;
font-size: 14px;
border: 1px solid #dadada !important;
border-radius: 3px;
}
.nobutton:hover
{
background-color: #aa0000 !important;
color: #eaeaea !important;
border: 1px solid #770000 !important;
}

View file

@ -12,5 +12,19 @@
<span class="status-content">
%s
</span>
<div class="status-interact">
<form action="./" method="post">
<input class="nobutton" type="submit" value="Reply">
</form>
<form action="./" method="post">
<input class="nobutton" type="submit" value="Repeat">
</form>
<form action="./" method="post">
<input class="nobutton" type="submit" value="Like">
</form>
<form action="./" method="post">
<input class="nobutton" type="submit" value="Quick">
</form>
</div>
</div>
</div>