diff options
| author |   Max Magorsch <arzano@gentoo.org> | 2020-02-20 23:38:11 +0100 |
|---|---|---|
| committer | Max Magorsch <arzano@gentoo.org> | 2020-02-20 23:38:11 +0100 |
| commit | 51f4fab5ba66303463155f7d0e5cdc16cb8b17f7 (patch) | |
| tree | 965c62caef19f9f99ebaa57c42522a5465e86d9e | |
| parent | Add some further spacing to the footer (diff) | |
| download | packages-5-51f4fab5ba66303463155f7d0e5cdc16cb8b17f7.tar.gz packages-5-51f4fab5ba66303463155f7d0e5cdc16cb8b17f7.tar.bz2 packages-5-51f4fab5ba66303463155f7d0e5cdc16cb8b17f7.zip | |
Use the new Tyrian inline searchbar stylev9.0.7
Signed-off-by: Max Magorsch <arzano@gentoo.org>
| -rw-r--r-- | app/views/layouts/application.html.erb | 13 | ||||
| -rw-r--r-- | app/webpack/src/stylesheets/application.scss | 1 |
2 files changed, 12 insertions, 2 deletions
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index a872970..cfca0af 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -70,8 +70,17 @@ </ul> <% unless @nav == :index %> - <form class="form-inline" role="search" action="<%= search_packages_path %>" method="get"> - <input class="form-control" name="q" type="text" placeholder="Find Packages" aria-label="Find Packages"> + <form class="form-inline inlinesearch" role="search" action="<%= search_packages_path %>" method="get"> + + <div class="input-group"> + + <div class="input-group-prepend"> + <span class="input-group-text" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i></span> + </div> + + <input class="form-control" type="text" name="q" type="text" placeholder="Find Packages" aria-label="Find Packages"> + </div> + </form> <% end %> diff --git a/app/webpack/src/stylesheets/application.scss b/app/webpack/src/stylesheets/application.scss index 049b56a..135491d 100644 --- a/app/webpack/src/stylesheets/application.scss +++ b/app/webpack/src/stylesheets/application.scss @@ -1,4 +1,5 @@ @import "~@gentoo/tyrian/dist/tyrian"; +@import "~@gentoo/tyrian/dist/components/searchbars"; @import "about"; @import "arches"; |