maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Long titles wrapping (#9915)

Browse source 
* .

* .

* ffs revert

* other places too
This commit is contained in:
ludwiczakpawel 2020-08-22 17:18:32 +02:00 • committed by GitHub
parent 4308914fe8
commit cbb85c430c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/stylesheets/views/article.scss
View file

@ -63,6 +63,8 @@
&__header {
margin-bottom: var(--article-padding-y);
overflow-wrap: anywhere;
word-break: break-word;
&__meta {
padding: var(--article-padding-y) var(--article-padding-x) 0

2
app/views/dashboards/followers.html.erb
View file

@ -19,7 +19,7 @@
<% @follows.each do |follow| %>
<% user = follow.follower %>
<% if user %>
<div class="crayons-card p-4 m:p-6 flex s:grid single-article" id="follows-<%= follow.id %>">
<div class="crayons-card p-4 m:p-6 flex s:grid single-article break-word content-center" id="follows-<%= follow.id %>">
<a href="<%= user.path %>" class="crayons-avatar crayons-avatar--2xl s:mb-2 s:mx-auto">
<img alt="<%= user.username %> profile image" class="crayons-avatar__image" src="<%= ProfileImage.new(user).get(width: 60) %>" />
</a>

2
app/views/dashboards/following_organizations.html.erb
View file

@ -19,7 +19,7 @@
<div id="following-wrapper" class="grid gap-0 s:gap-3 m:gap-4 s:grid-cols-2 l:grid-cols-3 align-left s:align-center">
<% @followed_organizations.each do |follow| %>
<% organization = follow.followable %>
<div class="crayons-card p-4 m:p-6 flex s:grid single-article" id="follows-<%= follow.id %>">
<div class="crayons-card p-4 m:p-6 flex s:grid single-article break-word content-center" id="follows-<%= follow.id %>">
<a href="<%= organization.path %>" class="crayons-logo crayons-logo--2xl s:mb-2 s:mx-auto">
<img alt="<%= organization.name %> logo" class="crayons-logo__image" src="<%= ProfileImage.new(organization).get(width: 60) %>" />
</a>

2
app/views/dashboards/following_podcasts.html.erb
View file

@ -19,7 +19,7 @@
<div id="following-wrapper" class="grid gap-0 s:gap-3 m:gap-4 s:grid-cols-2 l:grid-cols-3 align-left s:align-center">
<% @followed_podcasts.each do |follow| %>
<% podcast = follow.followable %>
<div class="crayons-card p-4 m:p-6 flex s:grid single-article" id="follows-<%= follow.id %>">
<div class="crayons-card p-4 m:p-6 flex s:grid single-article break-word content-center" id="follows-<%= follow.id %>">
<a href="/<%= podcast.path %>" class="crayons-logo crayons-logo--2xl s:mb-2 s:mx-auto">
<img alt="<%= podcast.name %> logo" class="crayons-logo__image" src="<%= podcast.image_url %>" />
</a>

2
app/views/dashboards/following_tags.html.erb
View file

@ -26,7 +26,7 @@
<% tag = follow.followable %>
<% if tag %>
<% color = HexComparer.new([tag.bg_color_hex || "#0000000", tag.text_color_hex || "#ffffff"]).brightness(0.8) %>
<div class="crayons-card branded-2 p-4 m:p-6 m:pt-4 flex flex-col single-article <% if follow.points < 0 %>opacity-75<% end %>" style="border-top-color: <%= color %>;" id="follows-<%= follow.id %>">
<div class="crayons-card branded-2 p-4 m:p-6 m:pt-4 flex flex-col single-article break-word content-center <% if follow.points < 0 %>opacity-75<% end %>" style="border-top-color: <%= color %>;" id="follows-<%= follow.id %>">
<h3 class="s:mb-1 -ml-1 p-0 fw-medium">
<a href="/t/<%= tag.name %>" class="crayons-tag crayons-tag--l">
<span class="crayons-tag__prefix">#</span><%= tag.name %>

2
app/views/dashboards/following_users.html.erb
View file

@ -20,7 +20,7 @@
<% @follows.each do |follow| %>
<% user = follow.followable %>
<% if user %>
<div class="crayons-card p-4 m:p-6 flex s:grid single-article" id="follows-<%= follow.id %>">
<div class="crayons-card p-4 m:p-6 flex s:grid single-article break-word content-center" id="follows-<%= follow.id %>">
<a href="<%= user.path %>" class="crayons-avatar crayons-avatar--2xl s:mb-2 s:mx-auto">
<img alt="<%= user.username %> profile image" class="crayons-avatar__image" src="<%= ProfileImage.new(user).get(width: 60) %>" />
</a>