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

Article page: edit and manage button spacing (#9230)

Browse source
This commit is contained in:
Rembrandt Reyes 2020-07-10 08:54:57 -07:00 • committed by GitHub
parent b5de27f1a6
commit 14b410cb39
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/initializers/initializeBaseUserData.js
View file

@ -42,7 +42,7 @@ function addRelevantButtonsToArticle(user) {
if (articleContainer) {
if (parseInt(articleContainer.dataset.authorId, 10) === user.id) {
let actions = [
`<a class="crayons-btn crayons-btn--s crayons-btn--secondary ml-1" href="${articleContainer.dataset.path}/edit" rel="nofollow">Edit</a>`,
`<a class="crayons-btn crayons-btn--s crayons-btn--secondary" href="${articleContainer.dataset.path}/edit" rel="nofollow">Edit</a>`,
];
if (JSON.parse(articleContainer.dataset.published) === true) {
actions.push(

8
app/views/articles/show.html.erb
View file

@ -145,12 +145,12 @@
<% end %>
<div class="crayons-article__subheader">
<a href="/<%= @user.username %>" class="flex items-center mr-4 fw-medium crayons-link">
<a href="/<%= @user.username %>" class="flex items-center mr-4 mb-4 s:mb-0 fw-medium crayons-link">
<span class="crayons-avatar crayons-avatar--l mr-2"><img class="crayons-avatar__image" src="<%= ProfileImage.new(@user).get(width: 50) %>" alt="<%= @user.username %> profile image" /></span>
<%= @user.name %>
</a>
<span class="fs-s">
<span class="fs-s mb-4 s:mb-0">
<% if @article.published_timestamp.present? %>
<time datetime="<%= @article.published_timestamp %>"><%= @article.readable_publish_date %></time>
<% end %>
@ -174,9 +174,9 @@
</em>
<% end %>
<span class="mr-2">・<%= @article.reading_time < 1 ? 1 : @article.reading_time %> min read</span>
<span class="mr-4">・<%= @article.reading_time < 1 ? 1 : @article.reading_time %> min read</span>
</span>
<span id="action-space"></span>
<span id="action-space" class="mb-4 s:mb-0"></span>
</div>
</div>