show caret-down on item-photo hover to indicate a dropdown menu

This commit is contained in:
Mario Vavti 2018-04-25 09:56:21 +02:00
parent c5b32032a7
commit 0a51ea1bfa
3 changed files with 19 additions and 0 deletions

View File

@ -87,6 +87,23 @@
margin-left:10px;
}
.wall-item-photo-wrapper {
position: relative;
}
.wall-item-photo-caret {
position: absolute;
left: 3px;
bottom: 0px;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);;
display: none;
}
.wall-item-photo-wrapper:hover .wall-item-photo-caret {
display: block;
}
.wall-item-divider {
margin: 5px;
}

View File

@ -31,6 +31,7 @@
<div class="wall-item-photo-wrapper{{if $item.owner_url}} wwfrom{{/if}} h-card p-author" id="wall-item-photo-wrapper-{{$item.id}}">
<img src="{{$item.thumb}}" class="fakelink wall-item-photo{{$item.sparkle}} u-photo p-name" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" data-toggle="dropdown" />
{{if $item.thread_author_menu}}
<i class="fa fa-caret-down wall-item-photo-caret"></i>
<div class="dropdown-menu">
{{foreach $item.thread_author_menu as $mitem}}
<a class="dropdown-item" {{if $mitem.href}}href="{{$mitem.href}}"{{/if}} {{if $mitem.action}}onclick="{{$mitem.action}}"{{/if}} {{if $mitem.title}}title="{{$mitem.title}}"{{/if}} >{{$mitem.title}}</a>

View File

@ -31,6 +31,7 @@
<div class="wall-item-photo-wrapper{{if $item.owner_url}} wwfrom{{/if}} h-card p-author" id="wall-item-photo-wrapper-{{$item.id}}">
<img src="{{$item.thumb}}" class="fakelink wall-item-photo{{$item.sparkle}} u-photo p-name" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" data-toggle="dropdown" /></a>
{{if $item.thread_author_menu}}
<i class="fa fa-caret-down wall-item-photo-caret"></i>
<div class="dropdown-menu">
{{foreach $item.thread_author_menu as $mitem}}
<a class="dropdown-item" {{if $mitem.href}}href="{{$mitem.href}}"{{/if}} {{if $mitem.action}}onclick="{{$mitem.action}}"{{/if}} {{if $mitem.title}}title="{{$mitem.title}}"{{/if}} >{{$mitem.title}}</a>