I modify the colors of some links and add a tooltip to the icon to change the video mode

This commit is contained in:
Agustin Ferrari 2019-02-08 21:53:39 -03:00
parent ceaddbc821
commit 4e98296cba
2 changed files with 10 additions and 3 deletions

View File

@ -1,9 +1,16 @@
a:hover, a:hover,
a:active { a:active {
color: #167ac6; color: #167ac6 !important;
} }
a { a {
color: #61809b; color: #61809b;
text-decoration: none; text-decoration: none;
} }
/* All links that do not fit with the default color goes here */
a > .icon,
.pure-u-md-1-5 > .h-box > a[href^="/watch?"],
.playlist-restricted > ol > li > a {
color: #303030;
}

View File

@ -35,11 +35,11 @@
<h1> <h1>
<%= HTML.escape(video.title) %> <%= HTML.escape(video.title) %>
<% if params[:listen] %> <% if params[:listen] %>
<a href="/watch?<%= env.params.query %>&listen=0"> <a title="Video/audio mode" href="/watch?<%= env.params.query %>&listen=0">
<i class="icon ion-ios-videocam"></i> <i class="icon ion-ios-videocam"></i>
</a> </a>
<% else %> <% else %>
<a href="/watch?<%= env.params.query %>&listen=1"> <a title="Audio only mode" href="/watch?<%= env.params.query %>&listen=1">
<i class="icon ion-ios-volume-high"></i> <i class="icon ion-ios-volume-high"></i>
</a> </a>
<% end %> <% end %>