quattro: fix photo comments, small fix to search_item template
This commit is contained in:
parent
aba27ad404
commit
42a9d0af09
|
@ -486,6 +486,7 @@ header {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
/*width: 100%; height: 12px; */
|
/*width: 100%; height: 12px; */
|
||||||
|
|
||||||
z-index: 110;
|
z-index: 110;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
@ -815,6 +816,7 @@ aside #profiles-menu {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
/*.contact-block-div { width:60px; height: 60px; }*/
|
/*.contact-block-div { width:60px; height: 60px; }*/
|
||||||
|
|
||||||
}
|
}
|
||||||
#contact-block .contact-block-h4 {
|
#contact-block .contact-block-h4 {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -896,6 +898,7 @@ aside #profiles-menu {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
||||||
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.widget h3 {
|
.widget h3 {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
@ -1160,6 +1163,9 @@ section {
|
||||||
color: #2d2d2d;
|
color: #2d2d2d;
|
||||||
border: 1px solid #2d2d2d;
|
border: 1px solid #2d2d2d;
|
||||||
}
|
}
|
||||||
|
.wall-item-comment-wrapper.photo {
|
||||||
|
margin: 1em 2em 1em 0px;
|
||||||
|
}
|
||||||
.threaded .wall-item-comment-wrapper {
|
.threaded .wall-item-comment-wrapper {
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
}
|
}
|
||||||
|
@ -1174,6 +1180,7 @@ section {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.comment-edit-preview .contact-photo-menu-button {
|
.comment-edit-preview .contact-photo-menu-button {
|
||||||
top: 15px !important;
|
top: 15px !important;
|
||||||
|
|
|
@ -486,6 +486,7 @@ header {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
/*width: 100%; height: 12px; */
|
/*width: 100%; height: 12px; */
|
||||||
|
|
||||||
z-index: 110;
|
z-index: 110;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
@ -815,6 +816,7 @@ aside #profiles-menu {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
/*.contact-block-div { width:60px; height: 60px; }*/
|
/*.contact-block-div { width:60px; height: 60px; }*/
|
||||||
|
|
||||||
}
|
}
|
||||||
#contact-block .contact-block-h4 {
|
#contact-block .contact-block-h4 {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -896,6 +898,7 @@ aside #profiles-menu {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
||||||
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.widget h3 {
|
.widget h3 {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
@ -1160,6 +1163,9 @@ section {
|
||||||
color: #2d2d2d;
|
color: #2d2d2d;
|
||||||
border: 1px solid #2d2d2d;
|
border: 1px solid #2d2d2d;
|
||||||
}
|
}
|
||||||
|
.wall-item-comment-wrapper.photo {
|
||||||
|
margin: 1em 2em 1em 0px;
|
||||||
|
}
|
||||||
.threaded .wall-item-comment-wrapper {
|
.threaded .wall-item-comment-wrapper {
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
}
|
}
|
||||||
|
@ -1174,6 +1180,7 @@ section {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.comment-edit-preview .contact-photo-menu-button {
|
.comment-edit-preview .contact-photo-menu-button {
|
||||||
top: 15px !important;
|
top: 15px !important;
|
||||||
|
|
|
@ -486,6 +486,7 @@ header {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
/*width: 100%; height: 12px; */
|
/*width: 100%; height: 12px; */
|
||||||
|
|
||||||
z-index: 110;
|
z-index: 110;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
@ -815,6 +816,7 @@ aside #profiles-menu {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
/*.contact-block-div { width:60px; height: 60px; }*/
|
/*.contact-block-div { width:60px; height: 60px; }*/
|
||||||
|
|
||||||
}
|
}
|
||||||
#contact-block .contact-block-h4 {
|
#contact-block .contact-block-h4 {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -896,6 +898,7 @@ aside #profiles-menu {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
||||||
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.widget h3 {
|
.widget h3 {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
@ -1160,6 +1163,9 @@ section {
|
||||||
color: #2d2d2d;
|
color: #2d2d2d;
|
||||||
border: 1px solid #2d2d2d;
|
border: 1px solid #2d2d2d;
|
||||||
}
|
}
|
||||||
|
.wall-item-comment-wrapper.photo {
|
||||||
|
margin: 1em 2em 1em 0px;
|
||||||
|
}
|
||||||
.threaded .wall-item-comment-wrapper {
|
.threaded .wall-item-comment-wrapper {
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
}
|
}
|
||||||
|
@ -1174,6 +1180,7 @@ section {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.comment-edit-preview .contact-photo-menu-button {
|
.comment-edit-preview .contact-photo-menu-button {
|
||||||
top: 15px !important;
|
top: 15px !important;
|
||||||
|
|
|
@ -586,6 +586,10 @@ section {
|
||||||
color: @CommentBoxFullColor;
|
color: @CommentBoxFullColor;
|
||||||
border: 1px solid @CommentBoxFullBorderColor;
|
border: 1px solid @CommentBoxFullBorderColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.photo {
|
||||||
|
margin: 1em 2em 1em 0px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.threaded .wall-item-comment-wrapper { margin-left: 0px; }
|
.threaded .wall-item-comment-wrapper { margin-left: 0px; }
|
||||||
|
|
79
view/theme/quattro/templates/photo_item.tpl
Normal file
79
view/theme/quattro/templates/photo_item.tpl
Normal file
|
@ -0,0 +1,79 @@
|
||||||
|
<div class="wall-item-container {{$indent}}">
|
||||||
|
<div class="wall-item-item">
|
||||||
|
<div class="wall-item-info">
|
||||||
|
<div class="contact-photo-wrapper">
|
||||||
|
<a href="{{$profile_url}}" target="redir" title="{{$linktitle}}" class="wall-item-photo-link" id="wall-item-photo-link-{{$id}}">
|
||||||
|
<img src="{{$thumb}}" class="contact-photo{{$sparkle}}" id="wall-item-photo-{{$id}}" alt="{{$name}}" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="wall-item-location">{{$location}}</div>
|
||||||
|
</div>
|
||||||
|
<div class="wall-item-content">
|
||||||
|
{{if $title}}<h2><a href="{{$plink.href}}">{{$title}}</a></h2>{{/if}}
|
||||||
|
{{$body}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="wall-item-bottom">
|
||||||
|
<div class="wall-item-links">
|
||||||
|
</div>
|
||||||
|
<div class="wall-item-tags">
|
||||||
|
{{foreach $tags as $tag}}
|
||||||
|
<span class='tag'>{{$tag}}</span>
|
||||||
|
{{/foreach}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="wall-item-bottom">
|
||||||
|
<div class="">
|
||||||
|
{{if $plink}}<a class="icon s16 link" title="{{$plink.title}}" href="{{$plink.href}}">{{$plink.title}}</a>{{/if}}
|
||||||
|
</div>
|
||||||
|
<div class="wall-item-actions">
|
||||||
|
<div class="wall-item-actions-author">
|
||||||
|
<a href="{{$profile_url}}" target="redir" title="{{$linktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$sparkle}}">{{$name}}</span></a> <span class="wall-item-ago" title="{{$localtime}}">{{$ago}}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="wall-item-actions-social">
|
||||||
|
{{if $star}}
|
||||||
|
<a href="#" id="star-{{$id}}" onclick="dostar({{$id}}); return false;" class="{{$star.classdo}}" title="{{$star.do}}">{{$star.do}}</a>
|
||||||
|
<a href="#" id="unstar-{{$id}}" onclick="dostar({{$id}}); return false;" class="{{$star.classundo}}" title="{{$star.undo}}">{{$star.undo}}</a>
|
||||||
|
<a href="#" id="tagger-{{$id}}" onclick="itemTag({{$id}}); return false;" class="{{$star.classtagger}}" title="{{$star.tagger}}">{{$star.tagger}}</a>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
|
{{if $vote}}
|
||||||
|
<a href="#" id="like-{{$id}}" title="{{$vote.like.0}}" onclick="dolike({{$id}},'like'); return false">{{$vote.like.1}}</a>
|
||||||
|
<a href="#" id="dislike-{{$id}}" title="{{$vote.dislike.0}}" onclick="dolike({{$id}},'dislike'); return false">{{$vote.dislike.1}}</a>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
|
{{if $vote.share}}
|
||||||
|
<a href="#" id="share-{{$id}}" title="{{$vote.share.0}}" onclick="jotShare({{$id}}); return false">{{$vote.share.1}}</a>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="wall-item-actions-tools">
|
||||||
|
|
||||||
|
{{if $drop.pagedrop}}
|
||||||
|
<input type="checkbox" title="{{$drop.select}}" name="itemselected[]" class="item-select" value="{{$id}}" />
|
||||||
|
{{/if}}
|
||||||
|
{{if $drop.dropping}}
|
||||||
|
<a href="item/drop/{{$id}}" onclick="return confirmDelete();" class="icon delete s16" title="{{$drop.delete}}">{{$drop.delete}}</a>
|
||||||
|
{{/if}}
|
||||||
|
{{if $edpost}}
|
||||||
|
<a class="icon edit s16" href="{{$edpost.0}}" title="{{$edpost.1}}"></a>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="wall-item-bottom">
|
||||||
|
<div class="wall-item-links"></div>
|
||||||
|
<div class="wall-item-like" id="wall-item-like-{{$id}}">{{$like}}</div>
|
||||||
|
<div class="wall-item-dislike" id="wall-item-dislike-{{$id}}">{{$dislike}}</div>
|
||||||
|
{{if $conv}}
|
||||||
|
<div class="wall-item-conv" id="wall-item-conv-{{$id}}" >
|
||||||
|
<a href='{{$conv.href}}' id='context-{{$id}}' title='{{$conv.title}}'>{{$conv.title}}</a>
|
||||||
|
</div>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
|
@ -29,7 +29,8 @@
|
||||||
{{$dislike}}
|
{{$dislike}}
|
||||||
</div>
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="wall-item-comment-wrapper">
|
|
||||||
|
<div class="wall-item-comment-wrapper photo">
|
||||||
{{$comments}}
|
{{$comments}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -83,8 +83,8 @@
|
||||||
{{if $item.conv}}
|
{{if $item.conv}}
|
||||||
<div class="wall-item-conv" id="wall-item-conv-{{$item.id}}" >
|
<div class="wall-item-conv" id="wall-item-conv-{{$item.id}}" >
|
||||||
<a href='{{$item.conv.href}}' id='context-{{$item.id}}' title='{{$item.conv.title}}'>{{$item.conv.title}}</a>
|
<a href='{{$item.conv.href}}' id='context-{{$item.id}}' title='{{$item.conv.title}}'>{{$item.conv.title}}</a>
|
||||||
{{/if}}
|
|
||||||
</div>
|
</div>
|
||||||
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue