diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2016-06-19 21:39:59 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2016-06-19 21:39:59 +0200 |
| commit | d818a591f4a634a32cebfe14c94685533079c6c5 (patch) | |
| tree | 32a8d6ed294366ff1782099fa27b1f9ac8e8183b /templates | |
| parent | c2e19270e667d4c038c6814503aa172b260ae76f (diff) | |
| download | jokevote-d818a591f4a634a32cebfe14c94685533079c6c5.tar.gz jokevote-d818a591f4a634a32cebfe14c94685533079c6c5.zip | |
show searchbar on mobile
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/templates/index.html b/templates/index.html index e5bb9ac..36e7188 100644 --- a/templates/index.html +++ b/templates/index.html @@ -35,7 +35,20 @@ </a> </li> </ul> - <form class="hide-on-small-only" id="searchform" style="margin-left: 17em; margin-right: 24em;"><!-- TODO get rid of these magic margins --> + <style type="text/css"> + @media screen and (min-width: 600px) { /* "m" or "l" */ + #searchform { + margin-left: 17em; + margin-right: 24em; + } + } + @media screen and (max-width: 600px) { /* "s" */ + #searchform { + width: 20em; + } + } + </style> <!-- TODO get rid of these magic margins --> + <form id="searchform" > <div class="input-field"> <label for="filter"><i class="material-icons">search</i></label> <input type="search" name="filter" required> |