diff options
| author | Mario Vavti <mario@mariovavti.com> | 2018-04-25 09:56:21 +0200 |
|---|---|---|
| committer | Mario Vavti <mario@mariovavti.com> | 2018-04-25 09:56:21 +0200 |
| commit | 0a51ea1bfa85d770f5dd2c7fd1428b785c17e125 (patch) | |
| tree | c44eb87aa769020bec1707265ec8f7575fd5c51b | |
| parent | c5b32032a74dfc4165b41be11b3d75ae75a45d93 (diff) | |
| download | volse-hubzilla-0a51ea1bfa85d770f5dd2c7fd1428b785c17e125.tar.gz volse-hubzilla-0a51ea1bfa85d770f5dd2c7fd1428b785c17e125.tar.bz2 volse-hubzilla-0a51ea1bfa85d770f5dd2c7fd1428b785c17e125.zip | |
show caret-down on item-photo hover to indicate a dropdown menu
| -rw-r--r-- | view/css/conversation.css | 17 | ||||
| -rwxr-xr-x | view/tpl/conv_item.tpl | 1 | ||||
| -rwxr-xr-x | view/tpl/conv_list.tpl | 1 |
3 files changed, 19 insertions, 0 deletions
diff --git a/view/css/conversation.css b/view/css/conversation.css index c239a665b..c0d6712a9 100644 --- a/view/css/conversation.css +++ b/view/css/conversation.css @@ -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; } diff --git a/view/tpl/conv_item.tpl b/view/tpl/conv_item.tpl index a1d287f26..a408a83d2 100755 --- a/view/tpl/conv_item.tpl +++ b/view/tpl/conv_item.tpl @@ -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> diff --git a/view/tpl/conv_list.tpl b/view/tpl/conv_list.tpl index c42751057..f94a2f24f 100755 --- a/view/tpl/conv_list.tpl +++ b/view/tpl/conv_list.tpl @@ -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> |