Put word-wrap in default.css

This commit is contained in:
Omar Roth 2018-04-17 15:53:12 -05:00
parent 9180a19bf9
commit 7d3ecf7567
5 changed files with 12 additions and 7 deletions

View file

@ -7,3 +7,8 @@
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
} }
div {
overflow-wrap: break-word;
word-wrap: break-word;
}

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 style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box"> <div 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="https://i.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/> <img style="width:100%;" src="https://i.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/>
<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 style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box"> <div 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="https://i.ytimg.com/vi/<%= video["id"] %>/mqdefault.jpg"/> <img style="width:100%;" src="https://i.ytimg.com/vi/<%= video["id"] %>/mqdefault.jpg"/>
<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 style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box"> <div 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="https://i.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/> <img style="width:100%;" src="https://i.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/>
<p style="height:100%"><%= video.title %></p> <p style="height:100%"><%= video.title %></p>

View file

@ -132,7 +132,7 @@ player.src(currentSources);
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">
<div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box"> <div class="h-box">
<p><i class="fa fa-eye" aria-hidden="true"></i> <%= number_with_separator(video.views) %></p> <p><i class="fa fa-eye" aria-hidden="true"></i> <%= number_with_separator(video.views) %></p>
<p><i class="fa fa-thumbs-up" aria-hidden="true"></i> <%= number_with_separator(video.likes) %></p> <p><i class="fa fa-thumbs-up" aria-hidden="true"></i> <%= number_with_separator(video.likes) %></p>
<p><i class="fa fa-thumbs-down" aria-hidden="true"></i> <%= number_with_separator(video.dislikes) %></p> <p><i class="fa fa-thumbs-down" aria-hidden="true"></i> <%= number_with_separator(video.dislikes) %></p>
@ -153,7 +153,7 @@ player.src(currentSources);
</div> </div>
<div class="pure-u-1 pure-u-md-3-5"> <div class="pure-u-1 pure-u-md-3-5">
<div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box"> <div 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>
@ -177,7 +177,7 @@ player.src(currentSources);
<p> <p>
<b>Shared <%= video.published.to_s("%B %-d, %Y") %></b> <b>Shared <%= video.published.to_s("%B %-d, %Y") %></b>
</p> </p>
<div style="overflow-wrap:break-word; word-wrap:break-word;"> <div>
<%= video.description %> <%= video.description %>
</div> </div>
<hr style="margin-left:1em; margin-right:1em;"> <hr style="margin-left:1em; margin-right:1em;">
@ -202,7 +202,7 @@ player.src(currentSources);
</div> </div>
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">
<div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box"> <div 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"] %>">