Add word break for video titles

This commit is contained in:
Omar Roth 2018-03-16 22:18:55 -05:00
parent f0870e0cdd
commit 721851da81
3 changed files with 5 additions and 5 deletions

View file

@ -7,7 +7,7 @@
<% slice.each do |video| %> <% slice.each do |video| %>
<% player_response = JSON.parse(video.info["player_response"]) %> <% player_response = JSON.parse(video.info["player_response"]) %>
<div class="pure-u-1 pure-u-md-1-4"> <div class="pure-u-1 pure-u-md-1-4">
<div class="h-box"> <div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
<a style="width:100%;" href="/watch?v=<%= video.id %>"> <a style="width:100%;" href="/watch?v=<%= video.id %>">
<img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/> <img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
<p><%= video.title %></p> <p><%= video.title %></p>

View file

@ -6,7 +6,7 @@
<div class="pure-g"> <div class="pure-g">
<% slice.each do |video| %> <% slice.each do |video| %>
<div class="pure-u-1 pure-u-md-1-4"> <div class="pure-u-1 pure-u-md-1-4">
<div class="h-box"> <div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
<a style="width:100%;" href="<%= video["link"] %>"> <a style="width:100%;" href="<%= video["link"] %>">
<img style="width:100%;" src="<%= video["thumbnail"] %>"/> <img style="width:100%;" src="<%= video["thumbnail"] %>"/>
<%= video["title"] %> <%= video["title"] %>

View file

@ -126,7 +126,7 @@ function toggle_comments(target) {
</div> </div>
<div class="pure-u-1 pure-u-md-3-5"> <div class="pure-u-1 pure-u-md-3-5">
<div class="h-box"> <div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
<p> <p>
<a href="https://youtube.com/channel/<%= video.info["ucid"] %>"> <a href="https://youtube.com/channel/<%= video.info["ucid"] %>">
<h3><%= video.info["author"] %></h3> <h3><%= video.info["author"] %></h3>
@ -141,7 +141,7 @@ function toggle_comments(target) {
<hr style="margin-left:1em; margin-right:1em;"> <hr style="margin-left:1em; margin-right:1em;">
<% if reddit_thread && !reddit_html.empty? %> <% if reddit_thread && !reddit_html.empty? %>
<div> <div>
<div style="overflow-wrap:break-word; word-wrap:break-word;"> <div>
<h3> <h3>
<a href="javascript:void(0)" onclick="toggle_comments(this)">[ - ]</a> <a href="javascript:void(0)" onclick="toggle_comments(this)">[ - ]</a>
<%= reddit_thread.data.title %> <%= reddit_thread.data.title %>
@ -159,7 +159,7 @@ function toggle_comments(target) {
</div> </div>
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">
<div class="h-box"> <div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
<% rvs.each do |rv| %> <% rvs.each do |rv| %>
<% if rv.has_key?("id") %> <% if rv.has_key?("id") %>
<a href="/watch?v=<%= rv["id"] %>"> <a href="/watch?v=<%= rv["id"] %>">