Fix display style and extra spaces in internal's articles (#4364) [ci skip]

Change display to flex and adjust code to remove the extra characters
This commit is contained in:
Dmitrii Pashutskii 2019-10-15 01:55:32 +08:00 committed by Mac Siri
parent 3161ab3214
commit ab17afc247
2 changed files with 20 additions and 7 deletions

View file

@ -127,17 +127,15 @@
<div class="row" style="font-size:15px;">
<%= article.processed_html&.html_safe %>
</div>
<div class="inner-row" style="padding:10px;margin-top:20px;font-weight:800;">
<div class="flex-column" style="padding:10px;margin-top:20px;font-weight:800;">
<div>
<%= form_tag "/internal/buffer_updates" do %>
<input type="hidden" name="social_channel" value="main_twitter" />
<input type="hidden" name="article_id" value="<%= article.id %>" />
<p> Twitter MAIN</p>
<textarea cols="37" rows="6" wrap="hard" name="tweet" maxlength="255"><%= article.title %>
<% if !article.user.twitter_username.blank? %>
{ author: @<%= article.user.twitter_username %> } #DEVCommunity
<% end %></textarea>
<% if !article.user.twitter_username.blank? %>&#013{ author: @<%= article.user.twitter_username %> } #DEVCommunity<% end %>
</textarea>
<button class="btn btn-info" style="font-size:1em;">🦅 Tweet to @<%= ApplicationConfig["SITE_TWITTER_HANDLE"] %></button>
<% end %>
<% if (article.decorate.cached_tag_list_array & Tag.bufferized_tags).any? %>
@ -146,7 +144,8 @@
<input type="hidden" name="article_id" value="<%= article.id %>" />
<p> Twitter Satellite</p>
<textarea cols="37" rows="6" wrap="hard" name="tweet" maxlength="255"><%= article.title %>
<% if !article.user.twitter_username.blank? %>&#013{ author: @<%= article.user.twitter_username %> }<% end %></textarea>
<% if !article.user.twitter_username.blank? %>&#013{ author: @<%= article.user.twitter_username %> }<% end %>
</textarea>
<button class="btn btn-info" style="font-size:1em;">🐦 Tweet to satellites</button>
<% end %>
<% end %>

View file

@ -50,7 +50,7 @@
.wrapper-3 {
display: grid;
grid-template-columns: 25% 40% 25%%;
grid-template-columns: 25% 40% 25%;
padding: 2px;
}
@ -66,6 +66,17 @@
display: inline-block;
}
.flex-column form {
display: flex;
flex-direction: column;
}
.flex-column textarea {
font-size: 12px;
width: 45%;
margin-bottom: 5px;
}
textarea {
font-size: 12px;
width: 75%;
@ -73,6 +84,9 @@
.btn {
min-width: 100px;
width: fit-content;
width: -moz-fit-content;
width: -webkit-fit-content;
}
.single-internal-listing {