Add active response support to frost theme
- Add active classes to wall_thread.tpl - Add styles - Fix event icon not appearing at full opacity on hover
This commit is contained in:
parent
4937a3b7d8
commit
fac144e3d4
2 changed files with 24 additions and 13 deletions
|
@ -1391,6 +1391,17 @@ input#dfrn-url {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.wall-item-tools a {
|
||||
border-radius: 4px;
|
||||
padding: 2px;
|
||||
background-position: center;
|
||||
background-size: initial !important;
|
||||
}
|
||||
|
||||
.wall-item-tools a.active {
|
||||
background-color: rgba(59, 101, 164, 0.5);
|
||||
}
|
||||
|
||||
.wall-item-share-buttons {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
|
@ -3896,7 +3907,7 @@ aside input[type='text'] {
|
|||
.event-maybeattend-icon { background-image: url('images/event-maybeattend-16.png'); }
|
||||
.event-dontattend-icon { background-image: url('images/event-dontattend-16.png'); }
|
||||
|
||||
.filer-icon:hover {
|
||||
.event-icon:hover {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
|
|
|
@ -66,9 +66,9 @@
|
|||
<div class="wall-item-tools" id="wall-item-tools-{{$item.id}}">
|
||||
{{if $item.vote}}
|
||||
<div class="wall-item-like-buttons" id="wall-item-like-buttons-{{$item.id}}">
|
||||
<a href="#" class="tool like" title="{{$item.vote.like.0}}" onclick="dolike({{$item.id}},'like'); return false"></a>
|
||||
<a href="#" class="tool like{{if $item.responses.like.self}} active{{/if}}" title="{{$item.vote.like.0}}" onclick="dolike({{$item.id}},'like'); return false"></a>
|
||||
{{if $item.vote.dislike}}
|
||||
<a href="#" class="tool dislike" title="{{$item.vote.dislike.0}}" onclick="dolike({{$item.id}},'dislike'); return false"></a>
|
||||
<a href="#" class="tool dislike{{if $item.responses.dislike.self}} active{{/if}}" title="{{$item.vote.dislike.0}}" onclick="dolike({{$item.id}},'dislike'); return false"></a>
|
||||
{{/if}}
|
||||
{{if $item.vote.share}}<a href="#" class="tool recycle wall-item-share-buttons" title="{{$item.vote.share.0}}" onclick="jotShare({{$item.id}}); return false"></a>{{/if}}
|
||||
<img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
|
||||
|
@ -92,9 +92,9 @@
|
|||
{{/if}}
|
||||
|
||||
{{if $item.isevent}}
|
||||
<a href="#" id="attendyes-{{$item.id}}" title="{{$item.attend.0}}" onclick="dolike({{$item.id}},'attendyes'); return false;" class="event-item event-icon event-attend-icon"></a>
|
||||
<a href="#" id="attendno-{{$item.id}}" title="{{$item.attend.1}}" onclick="dolike({{$item.id}},'attendno'); return false;" class="event-item event-icon event-dontattend-icon"></a>
|
||||
<a href="#" id="attendmaybe-{{$item.id}}" title="{{$item.attend.2}}" onclick="dolike({{$item.id}},'attendmaybe'); return false;" class="event-item event-icon event-maybeattend-icon"></a>
|
||||
<a href="#" id="attendyes-{{$item.id}}" title="{{$item.attend.0}}" onclick="dolike({{$item.id}},'attendyes'); return false;" class="event-item event-icon event-attend-icon{{if $item.responses.attendyes.self}} active{{/if}}"></a>
|
||||
<a href="#" id="attendno-{{$item.id}}" title="{{$item.attend.1}}" onclick="dolike({{$item.id}},'attendno'); return false;" class="event-item event-icon event-dontattend-icon{{if $item.responses.attendno.self}} active{{/if}}"></a>
|
||||
<a href="#" id="attendmaybe-{{$item.id}}" title="{{$item.attend.2}}" onclick="dolike({{$item.id}},'attendmaybe'); return false;" class="event-item event-icon event-maybeattend-icon{{if $item.responses.attendmaybe.self}} active{{/if}}"></a>
|
||||
{{/if}}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in a new issue