Mirrored_Repos/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2024-11-26 07:27:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Center sorting options on small displays (<640px)

Browse Source
This commit is contained in:
syeopite 2021-06-25 19:47:42 -07:00
parent c0673f8314
commit 515e617f0d
No known key found for this signature in database
GPG Key ID: 6FA616E5A5294A82
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/css/channel.css
View File

@ -184,3 +184,10 @@ only show up when the screen is wide enough */
#content-navigation { #content-navigation {
display: flex; display: flex;
} }
/* Center sorting options when screen is less than 640px*/
@media screen and (max-width: 640px) {
#sort-options {
margin-right: auto;
}
}

2
src/invidious/views/components/channel-information.ecr
View File

@ -181,7 +181,7 @@
<% route = content_type == 1 ? "/videos" : "/playlists" %> <% route = content_type == 1 ? "/videos" : "/playlists" %>
<% url = "/channel/#{channel.ucid + route}" %> <% url = "/channel/#{channel.ucid + route}" %>
<div class="pure-menu pure-menu-horizontal" style="display: flex;"> <div class="pure-menu pure-menu-horizontal" id="sort-options" style="display: flex;">
<ul class="pure-menu-list" style="margin-left: auto;"> <ul class="pure-menu-list" style="margin-left: auto;">
<% sort_options.each do |sort| %> <% sort_options.each do |sort| %>
<% if sort_by == sort %> <% if sort_by == sort %>