[frio] Improve shared content display
This commit is contained in:
parent
a5f0225d60
commit
1de5f2eebb
4 changed files with 38 additions and 19 deletions
|
@ -180,11 +180,6 @@ span.connector {
|
|||
margin-right: 9px;
|
||||
}
|
||||
|
||||
.shared_header span {
|
||||
display: table-cell;
|
||||
float: none;
|
||||
}
|
||||
|
||||
blockquote.shared_content {
|
||||
margin-left: 32px;
|
||||
color: #000;
|
||||
|
|
|
@ -1747,19 +1747,24 @@ aside .panel-body {
|
|||
}
|
||||
|
||||
/* wall-item content elements */
|
||||
.shared-wrapper,
|
||||
.shared-wrapper {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.vevent {
|
||||
padding: 10px;
|
||||
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05);
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
.shared-wrapper,
|
||||
.vevent {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.shared-wrapper {
|
||||
margin: 5px -10px 0;
|
||||
}
|
||||
}
|
||||
.shared-wrapper:hover,
|
||||
.vevent:hover {
|
||||
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .15) inset, 0 1px 1px rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
@ -1915,7 +1920,7 @@ code > .hl-main {
|
|||
/*
|
||||
* Comments
|
||||
*/
|
||||
.well {
|
||||
wall-item-comment-wrapper.well {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
/*background-color: #ededed;*/
|
||||
|
@ -1923,14 +1928,14 @@ code > .hl-main {
|
|||
background-image: none;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
.well-small {
|
||||
wall-item-comment-wrapper.well-small {
|
||||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.well hr {
|
||||
wall-item-comment-wrapper.well hr {
|
||||
border-top: 1px solid #d9d9d9;
|
||||
}
|
||||
.wall-entry .well {
|
||||
.wall-entry wall-item-comment-wrapper.well {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.comment-container {
|
||||
|
|
|
@ -92,11 +92,6 @@
|
|||
|
||||
{{* item content *}}
|
||||
<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 style="height:10px;"> </div> <!-- use padding/margin instead-->
|
||||
{{/if}}
|
||||
|
||||
{{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}}">{{$item.title}}</a></h4><br /></span>
|
||||
{{/if}}
|
||||
|
|
24
view/theme/frio/templates/shared_content.tpl
Normal file
24
view/theme/frio/templates/shared_content.tpl
Normal file
|
@ -0,0 +1,24 @@
|
|||
<div class="shared-wrapper well well-sm">
|
||||
<div class="shared_header">
|
||||
{{if $avatar}}
|
||||
<a href="{{$profile}}" target="_blank" rel="noopener noreferrer" class="shared-userinfo">
|
||||
<img src="{{$avatar}}" height="32" width="32">
|
||||
</a>
|
||||
{{/if}}
|
||||
<div><a href="{{$profile}}" target="_blank" rel="noopener noreferrer" class="shared-wall-item-name"><span class="shared-author">{{$author}}</span></a></div>
|
||||
<div class="preferences">
|
||||
{{if $network_icon}}
|
||||
<span class="wall-item-network"><i class="fa fa-{{$network_icon}}" title="{{$network_name}}" aria-hidden="true"></i></span>
|
||||
{{else}}
|
||||
<span class="wall-item-network">{{$network_name}}</span>
|
||||
{{/if}}
|
||||
{{if $link}}
|
||||
<a href="{{$link}}" class="plink u-url" aria-label="{{$link_title}}" title="{{$link_title}}">
|
||||
<i class="fa fa-external-link"></i>
|
||||
</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="shared-wall-item-ago"><small><span class="shared-time">{{$posted}}</span></small></div>
|
||||
</div>
|
||||
<blockquote class="shared_content">{{$content nofilter}}</blockquote>
|
||||
</div>
|
Loading…
Reference in a new issue