[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…
	
	Add table
		Add a link
		
	
		Reference in a new issue