Merge pull request #7394 from MrPetovan/task/7314-frio-post-padding

[frio] Remove outer post padding
This commit is contained in:
Michael Vogel 2019-07-17 17:52:58 +02:00 committed by GitHub
commit 419365d65b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 41 deletions

View file

@ -1621,8 +1621,6 @@ textarea#profile-jot-text:focus + #preview_profile-jot-text {
padding: 15px; padding: 15px;
} }
.panel .panel-body { .panel .panel-body {
padding: 15px;
font-size: 14px;
word-wrap: break-word; word-wrap: break-word;
} }
.panel .panel-body .wall-item-content { .panel .panel-body .wall-item-content {
@ -1668,13 +1666,19 @@ aside .panel-body {
/* wall items */ /* wall items */
.wall-item-container { .wall-item-container {
background-color: rgba(0, 0, 0, 0.03);
padding: 0.5em;
border-top: 1px solid rgba(255, 255, 255, 0.8); border-top: 1px solid rgba(255, 255, 255, 0.8);
} }
.wall-item-container.panel-body {
padding: 0;
border-top: none;
overflow: hidden;
}
.wall-item-container .media { .wall-item-container .media {
margin-top: 0; margin-top: 0;
padding: 10px;
background-color: rgba(0, 0, 0, 0.03);
} }
/* wall items contact photo */ /* wall items contact photo */
@ -1738,8 +1742,8 @@ aside .panel-body {
top: 10px; top: 10px;
} }
.comment .nav-pills.preferences { .comment .nav-pills.preferences {
right: 0px; right: 5px;
top: 0px; top: 5px;
} }
.wall-item-network { .wall-item-network {
font-size: 13px; font-size: 13px;
@ -1897,7 +1901,7 @@ code > .hl-main {
} }
.wall-item-tags, .wall-item-tags,
.itemedited { .itemedited {
margin-top: 10px; margin: 10px 0;
font-size: 13px; font-size: 13px;
} }
@ -1920,7 +1924,7 @@ code > .hl-main {
/* item social action buttons */ /* item social action buttons */
.wall-item-actions { .wall-item-actions {
display: flex; display: flex;
margin: .5em 0; margin: 0;
justify-content: space-between; justify-content: space-between;
} }
.wall-item-actions a, .wall-item-actions button { .wall-item-actions a, .wall-item-actions button {
@ -1961,6 +1965,10 @@ code > .hl-main {
margin: 0 .3em; margin: 0 .3em;
} }
.wall-item-responses > div > p {
margin: 0;
}
/* wall item hover effects */ /* wall item hover effects */
.wall-item-container .wall-item-links, .wall-item-container .wall-item-links,
.wall-item-container .wall-item-actions, .wall-item-container .wall-item-actions,
@ -2008,7 +2016,6 @@ code > .hl-main {
margin-bottom: 0; margin-bottom: 0;
} }
.comment-container { .comment-container {
margin-top: 10px;
margin-bottom: 0px; margin-bottom: 0px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -2125,7 +2132,6 @@ img.acpopup-img {
.wall-item-container.thread_level_6, .wall-item-container.thread_level_6,
.wall-item-container.thread_level_7 { .wall-item-container.thread_level_7 {
margin-left: 15px; margin-left: 15px;
margin-right: -0.5em;
} }
/* Menubar Tabs */ /* Menubar Tabs */
section > .tabbar-wrapper { section > .tabbar-wrapper {
@ -3531,6 +3537,10 @@ section .profile-match-wrapper {
padding: 10px; padding: 10px;
} }
.toplevel_item > .wall-item-container {
padding: 0;
}
.wall-spacer { .wall-spacer {
height: 0px; height: 0px;
} }

View file

@ -711,7 +711,7 @@ function scrollToItem(elementId) {
return; return;
} }
var $el = $(document.getElementById(elementId)); var $el = $('#' + elementId + ' > .media');
// Test if the Item exists // Test if the Item exists
if (!$el.length) { if (!$el.length) {
return; return;

View file

@ -70,9 +70,9 @@ as the value of $top_child_total (this is done at the end of this file)
{{* Use a different div container in dependence max thread-level = 7 *}} {{* Use a different div container in dependence max thread-level = 7 *}}
{{if $item.thread_level<7}} {{if $item.thread_level<7}}
<div class="item-{{$item.id}} wall-item-container {{$item.indent}} {{$item.shiny}} {{$item.network}} thread_level_{{$item.thread_level}} {{if $item.thread_level==1}}panel-body h-entry{{else}}u-comment h-cite{{/if}}" id="item-{{$item.guid}}"><!-- wall-item-container --> <div class="item-{{$item.id}} wall-item-container {{$item.indent}} {{$item.network}} thread_level_{{$item.thread_level}} {{if $item.thread_level==1}}panel-body h-entry{{else}}u-comment h-cite{{/if}}" id="item-{{$item.guid}}"><!-- wall-item-container -->
{{else}} {{else}}
<div class="item-{{$item.id}} wall-item-container {{$item.indent}} {{$item.shiny}} {{$item.network}} thread_level_7 u-comment h-cite" id="item-{{$item.guid}}"> <div class="item-{{$item.id}} wall-item-container {{$item.indent}} {{$item.network}} thread_level_7 u-comment h-cite" id="item-{{$item.guid}}">
{{/if}} {{/if}}
{{if $item.thread_level==1}} {{if $item.thread_level==1}}
<span class="commented" style="display: none;">{{$item.commented}}</span> <span class="commented" style="display: none;">{{$item.commented}}</span>
@ -80,7 +80,7 @@ as the value of $top_child_total (this is done at the end of this file)
<span class="created" style="display: none;">{{$item.created_date}}</span> <span class="created" style="display: none;">{{$item.created_date}}</span>
<span class="id" style="display: none;">{{$item.id}}</span> <span class="id" style="display: none;">{{$item.id}}</span>
{{/if}} {{/if}}
<div class="media"> <div class="media {{$item.shiny}}">
{{* Put addional actions in a top-right dropdown menu *}} {{* Put addional actions in a top-right dropdown menu *}}
<ul class="nav nav-pills preferences"> <ul class="nav nav-pills preferences">
@ -269,11 +269,6 @@ as the value of $top_child_total (this is done at the end of this file)
{{* item content *}} {{* item content *}}
<div class="wall-item-content {{$item.type}}" id="wall-item-content-{{$item.id}}"> <div class="wall-item-content {{$item.type}}" id="wall-item-content-{{$item.id}}">
{{* insert some space if it's an top-level post *}}
{{if $item.thread_level==1}}
<div class="wall-spacer">&nbsp;</div> <!-- use padding/margin instead-->
{{/if}}
{{if $item.title}} {{if $item.title}}
<span class="wall-item-title" id="wall-item-title-{{$item.id}}"><h4 class="media-heading"><a href="{{$item.plink.href}}" class="{{$item.sparkle}} p-name">{{$item.title}}</a></h4><br /></span> <span class="wall-item-title" id="wall-item-title-{{$item.id}}"><h4 class="media-heading"><a href="{{$item.plink.href}}" class="{{$item.sparkle}} p-name">{{$item.title}}</a></h4><br /></span>
{{/if}} {{/if}}
@ -396,30 +391,22 @@ as the value of $top_child_total (this is done at the end of this file)
{{if $item.thread_level!=1}} {{if $item.thread_level!=1}}
</div><!--./media-body from for comments--> </div><!--./media-body from for comments-->
{{/if}} {{/if}}
</div>
{{foreach $item.children as $child}}
{{include file="{{$item.template}}" item=$child}}
{{/foreach}}
{{foreach $item.children as $child}} {{* Insert the comment box of the top level post at the bottom of the thread.
{{* Display this comment box if there are any comments. If not hide it. In this
{{if $child.type == tag}} case it could be opend with the "comment" button *}}
{{include file="wall_item_tag.tpl" item=$child}} {{if $item.comment && $item.thread_level==1}}
{{else}} {{if $item.total_comments_num}}
{{include file="{{$item.template}}" item=$child}} <div class="comment-fake-form" id="comment-fake-form-{{$item.id}}">
{{/if}} <textarea id="comment-fake-text-{{$item.id}}" class="comment-fake-text-empty form-control" placeholder="{{$item.reply_label}}" onFocus="commentOpenUI(this, {{$item.id}});" rows="1"></textarea>
*}} </div>
{{include file="{{$item.template}}" item=$child}}
{{/foreach}}
{{* Insert the comment box of the top level post at the bottom of the thread.
Display this comment box if there are any comments. If not hide it. In this
case it could be opend with the "comment" button *}}
{{if $item.comment && $item.thread_level==1}}
{{if $item.total_comments_num}}
<div class="comment-fake-form" id="comment-fake-form-{{$item.id}}">
<textarea id="comment-fake-text-{{$item.id}}" class="comment-fake-text-empty form-control" placeholder="{{$item.reply_label}}" onFocus="commentOpenUI(this, {{$item.id}});" rows="1"></textarea>
</div>
{{/if}}
<div class="wall-item-comment-wrapper well well-small" id="item-comments-{{$item.id}}" data-display="block" style="display: none">{{$item.comment nofilter}}</div>
{{/if}} {{/if}}
</div><!-- /media --> <div class="wall-item-comment-wrapper well well-small" id="item-comments-{{$item.id}}" data-display="block" style="display: none">{{$item.comment nofilter}}</div>
{{/if}}
</div><!-- ./panel-body or ./wall-item-container --> </div><!-- ./panel-body or ./wall-item-container -->
{{if $mode == display}} {{if $mode == display}}