Use purecss menus for channel tabs

This commit is contained in:
syeopite 2021-03-29 11:00:40 -07:00
parent e34f375cf5
commit 93ee81a468
No known key found for this signature in database
GPG Key ID: 6FA616E5A5294A82

View File

@ -40,26 +40,34 @@
<div class="pure-g h-box"> <div class="pure-g h-box">
<div class="pure-u-1-3"> <div class="pure-u-1-3">
<a href="https://www.youtube.com/channel/<%= channel.ucid %>"><%= translate(locale, "View channel on YouTube") %></a> <!-- <a href="https://www.youtube.com/channel/<%= channel.ucid %>"><%= translate(locale, "View channel on YouTube") %></a> -->
<div class="pure-u-1 pure-md-1-3"> <!-- <a href="/redirect?referer=<%= env.get?("current_page") %>"><%= translate(locale, "Switch Invidious Instance") %></a> -->
<a href="/redirect?referer=<%= env.get?("current_page") %>"><%= translate(locale, "Switch Invidious Instance") %></a> <div class="pure-menu pure-menu-horizontal">
</div> <ui class="pure-menu-list">
<% if !channel.auto_generated %> <% if !channel.auto_generated %>
<div class="pure-u-1 pure-md-1-3"> <li class="pure-menu-item pure-menu-selected">
<b><%= translate(locale, "Videos") %></b> <a href="/channel/<%= channel.ucid %>" class="pure-menu-link">
</div> <b><%= translate(locale, "Videos") %></b>
<% end %> </a>
<div class="pure-u-1 pure-md-1-3"> </li>
<% if channel.auto_generated %> <% end %>
<b><%= translate(locale, "Playlists") %></b> <li class="pure-menu-item">
<% else %> <% if channel.auto_generated %>
<a href="/channel/<%= channel.ucid %>/playlists"><%= translate(locale, "Playlists") %></a> <b><%= translate(locale, "Playlists") %></b>
<% end %> <% else %>
</div> <a class="pure-menu-link" href="/channel/<%= channel.ucid %>/playlists">
<div class="pure-u-1 pure-md-1-3"> <%= translate(locale, "Playlists") %>
<% if channel.tabs.includes? "community" %> </a>
<a href="/channel/<%= channel.ucid %>/community"><%= translate(locale, "Community") %></a> <% end %>
<% end %> </li>
<li class="pure-menu-item">
<% if channel.tabs.includes? "community" %>
<a class="pure-menu-link" href="/channel/<%= channel.ucid %>/community">
<%= translate(locale, "Community") %>
</a>
<% end %>
</li>
</ui>
</div> </div>
</div> </div>
<div class="pure-u-1-3"></div> <div class="pure-u-1-3"></div>