mirrors/treebird
0
0
Fork 1
Code Issues Pull requests Projects Releases Wiki Activity

Search dropdown menu

Browse source 
FossilOrigin-Name: 38a53150faceed277b933bde3edb37abb42d8d27c258d0a9b0564af9c8946773
This commit is contained in:
nekobit 2022-08-15 03:06:46 +00:00
parent 5904362b1a
commit 6f0c959dc7
2 changed files with 94 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
dist/treebird.css vendored
View file

@ -260,15 +260,67 @@ table.ui-table td
#searchbox
{
padding-left: 26px;
padding-left: 27px;
}
#navbar .searchbox-container .search-menu
#navbar .search-menu-dropdown
{
display: inline;
position: relative;
left: 30px;
/* Fix weird offset */
margin-left: -30px;
top: 6px;
}
.menu .btn-menu input[type=radio]
{
display: none;
}
.menu .btn-menu input[type=radio] + span
{
margin-left: 8px;
position: relative;
}
.menu .btn-menu input[type=radio]:checked + span:before
{
position: absolute;
content: "";
left: -12px;
top: 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #202020;
font-weight: bold;
}
.menu .btn-menu input[type=radio]:checked + span:before
{
position: absolute;
content: "";
left: -12px;
top: 4px;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #202020;
font-weight: bold;
}
.menu.menu-compact .btn-menu
{
font-size: 11px;
}
#navbar .search-menu-dropdown svg
{
stroke: #606060;
cursor: pointer;
}
#leftbar ul

41
templates/main.tt
View file

@ -41,7 +41,46 @@
[%- END %]
<!-- Searchbox -->
<form class="searchbox-container" action="$prefix/search" method="get">
[% icon('search-menu') %]
<span class="menu-container search-menu-dropdown">
[% icon('search-menu') %]
<div class="menu menu-options menu-compact">
<ul>
<li>
<label>
<div class="btn-menu">
<input type="radio" name="searchtype" value="0" checked>
<span>All</span>
</div>
</label>
</li>
<li>
<label>
<div class="btn-menu">
<input type="radio" name="searchtype" value="0">
<span>Statuses</span>
</div>
</label>
</li>
<li>
<label>
<div class="btn-menu">
<input type="radio" name="searchtype" value="0">
<span>Accounts</span>
</div>
</label>
</li>
<li>
<label>
<div class="btn-menu">
<input type="radio" name="searchtype" value="0">
<span>Hashtags</span>
</div>
</label>
</li>
</ul>
</div>
</span>
<input type="text" class="group group-left group-inputbox" placeholder="[% lang('SEARCH_PLACEHOLDER') %]" id="searchbox" name="q"><input type="submit" class="btn group group-right" value="[% lang('SEARCH_BUTTON') %]">
</form>
</div>