keith/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[frio] Improve shared content display

Browse source
This commit is contained in:
Hypolite Petovan 2020-06-06 14:37:07 -04:00
parent a5f0225d60
commit 1de5f2eebb
4 changed files with 38 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
view/global.css
View file

@ -180,11 +180,6 @@ span.connector {
margin-right: 9px; margin-right: 9px;
} }
.shared_header span {
display: table-cell;
float: none;
}
blockquote.shared_content { blockquote.shared_content {
margin-left: 32px; margin-left: 32px;
color: #000; color: #000;

19
view/theme/frio/css/style.css
View file

@ -1747,19 +1747,24 @@ aside .panel-body {
} }
/* wall-item content elements */ /* wall-item content elements */
.shared-wrapper, .shared-wrapper {
position: relative;
margin-top: 10px;
margin-bottom: 0;
}
.vevent { .vevent {
padding: 10px; padding: 10px;
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05); 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) { @media screen and (max-width: 767px) {
.shared-wrapper,
.vevent { .vevent {
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
} }
.shared-wrapper {
margin: 5px -10px 0;
}
} }
.shared-wrapper:hover,
.vevent:hover { .vevent:hover {
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .15) inset, 0 1px 1px rgba(0, 0, 0, .05); 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 * Comments
*/ */
.well { wall-item-comment-wrapper.well {
border: none; border: none;
box-shadow: none; box-shadow: none;
/*background-color: #ededed;*/ /*background-color: #ededed;*/
@ -1923,14 +1928,14 @@ code > .hl-main {
background-image: none; background-image: none;
margin-bottom: 1px; margin-bottom: 1px;
} }
.well-small { wall-item-comment-wrapper.well-small {
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
} }
.well hr { wall-item-comment-wrapper.well hr {
border-top: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;
} }
.wall-entry .well { .wall-entry wall-item-comment-wrapper.well {
margin-bottom: 0; margin-bottom: 0;
} }
.comment-container { .comment-container {

5
view/theme/frio/templates/search_item.tpl
View file

@ -92,11 +92,6 @@
{{* 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 style="height:10px;">&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}}">{{$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}}">{{$item.title}}</a></h4><br /></span>
{{/if}} {{/if}}

24
view/theme/frio/templates/shared_content.tpl Normal file
View 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>