BitGoblin/overseer
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases 10 Wiki Activity

Moved search button out of the form to avoid adding unnecessary input parameters
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
Details

Browse Source
This commit is contained in:
Gregory Ballantine 2024-05-21 10:03:47 -04:00
parent f4850c33ea
commit ce63940635
2 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/styles/gargoyle.scss
View File

@ -89,21 +89,21 @@ input[type="submit"].button-primary{
display: inline-block; display: inline-block;
width: 256px; width: 256px;
} }
}
button{ #search-button{
display: inline-block; display: inline-block;
padding: 0 10px; padding: 0 10px;
background: $primary-color; background: $primary-color;
border: 1px solid white; border: 1px solid white;
color: white; color: white;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: bold; font-weight: bold;
transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
&:hover{ &:hover{
background: $primary-color-highlight; background: $primary-color-highlight;
color: #eee; color: #eee;
}
} }
} }
} }

10
views/layout.twig
View File

@ -25,11 +25,13 @@
<div class="nav-bar-right"> <div class="nav-bar-right">
<ul> <ul>
<li><form id="search-form" action="/search" method="GET"> <li>
<input type="text" name="search" placeholder="enter a search query..."> <form id="search-form" action="/search" method="GET">
<input type="text" name="search" placeholder="enter a search query...">
</form>
<button type="submit" for="search-form"><i class="fa-solid fa-magnifying-glass"></i></button> <button id="search-button" type="submit" for="search-form"><i class="fa-solid fa-magnifying-glass"></i></button>
</form></li> </li>
</ul> </ul>
</div> </div>
</nav> </nav>