mirror of
https://github.com/iv-org/invidious.git
synced 2024-11-22 21:47:26 +00:00
Move sorting options to separate bar
This commit is contained in:
parent
ca4afd59f4
commit
f2039d6dcf
@ -179,3 +179,8 @@ only show up when the screen is wide enough */
|
|||||||
.light-theme .trailer-timestamp {
|
.light-theme .trailer-timestamp {
|
||||||
color: rgb(127, 127, 127);
|
color: rgb(127, 127, 127);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#content-navigation {
|
||||||
|
display: flex;
|
||||||
|
}
|
@ -52,8 +52,8 @@
|
|||||||
<%= rendered "components/subscribe_widget" %>
|
<%= rendered "components/subscribe_widget" %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pure-g h-box" id="content-navigation">
|
<div class="h-box" id="content-navigation">
|
||||||
<div class="pure-u-1-3">
|
<div class="">
|
||||||
<!-- TODO Add these!
|
<!-- TODO Add these!
|
||||||
<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> -->
|
||||||
<!-- <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> -->
|
||||||
@ -164,15 +164,16 @@
|
|||||||
</ui>
|
</ui>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pure-u-1-3"></div>
|
</div>
|
||||||
|
|
||||||
|
<div class="h-box">
|
||||||
|
<hr>
|
||||||
<% if content_type == 1 || content_type == 2 %>
|
<% if content_type == 1 || content_type == 2 %>
|
||||||
<% route = content_type == 1 ? "/playlists" : "" %>
|
<% route = content_type == 1 ? "/playlists" : "" %>
|
||||||
<% url = "/channel/#{channel.ucid + route}" %>
|
<% url = "/channel/#{channel.ucid + route}" %>
|
||||||
|
|
||||||
<div class="pure-u-1-3"> <!-- Sort by -->
|
<div class="pure-menu pure-menu-horizontal" style="display: flex;">
|
||||||
<div class="pure-menu pure-menu-horizontal" style="">
|
<ul class="pure-menu-list" style="margin-left: auto;">
|
||||||
<ul class="pure-menu-list" style="float: right">
|
|
||||||
<% sort_options.each do |sort| %>
|
<% sort_options.each do |sort| %>
|
||||||
<% if sort_by == sort %>
|
<% if sort_by == sort %>
|
||||||
<li class="pure-menu-item pure-menu-selected">
|
<li class="pure-menu-item pure-menu-selected">
|
||||||
@ -190,10 +191,6 @@
|
|||||||
<% end %>
|
<% end %>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="h-box">
|
|
||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
Loading…
Reference in New Issue
Block a user