Responsify content-navigation bar

This commit is contained in:
syeopite 2021-06-25 19:40:36 -07:00
parent 491e33450e
commit c0673f8314
No known key found for this signature in database
GPG Key ID: 6FA616E5A5294A82
2 changed files with 15 additions and 3 deletions

View File

@ -641,3 +641,15 @@ hr {
color: #000000;
}
#content-navigation {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
#content-navigation::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}

View File

@ -157,12 +157,12 @@
<% end %>
<% if !channel.auto_generated %>
<li class="pure-menu-item navbar" style="margin: 0 0 0 0.5em">
<li class="pure-menu-item" style="margin: 0 0 0 0.5em">
<div class="searchbar">
<form class="pure-form" action="/search" method="get">
<fieldset>
<button class="search-button"><i class="icon ion-md-search"></i></button>
<input type="search" name="q" placeholder="<%= translate(locale, "search") %>" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
<button class="search-button" style="display: inline;"><i class="icon ion-md-search"></i></button>
<input type="search" name="q" placeholder="<%= translate(locale, "search") %>" style="display: inline;" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
<input type="hidden" name="channel" value="<%= channel.ucid %>">
</fieldset>
</form>