Just a couple of adjustments (#350)

* Added icons tooltips in local/en-US.json, corrected link tooltip to switch to video mode and changed heart symbol by icon in comments
This commit is contained in:
Agustin Ferrari 2019-02-16 20:46:04 -03:00 committed by Omar Roth
parent f8467fcda6
commit b04a2d4f61
4 changed files with 14 additions and 5 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

@ -274,5 +274,7 @@
"%A %B %-d, %Y": "%A %B %-d, %Y", "%A %B %-d, %Y": "%A %B %-d, %Y",
"(edited)": "(edited)", "(edited)": "(edited)",
"Youtube permalink of the comment": "Youtube permalink of the comment", "Youtube permalink of the comment": "Youtube permalink of the comment",
"`x` marked it with a ❤": "`x` marked it with a ❤" "`x` marked it with a ❤": "`x` marked it with a ❤",
"Audio mode": "Audio mode",
"Video mode": "Video mode"
} }

View file

@ -324,7 +324,7 @@ def template_youtube_comments(comments, locale)
<div class="creator-heart"> <div class="creator-heart">
<img class="creator-heart-background-hearted" src="#{creator_thumbnail}"></img> <img class="creator-heart-background-hearted" src="#{creator_thumbnail}"></img>
<div class="creator-heart-small-hearted"> <div class="creator-heart-small-hearted">
<div class="creator-heart-small-container">🖤</div> <div class="icon ion-ios-heart creator-heart-small-container"></div>
</div> </div>
</div> </div>
</span> </span>

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="<%=translate(locale, "Video 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="<%=translate(locale, "Audio 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 %>