aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2018-04-25 09:56:21 +0200
committerMario Vavti <mario@mariovavti.com>2018-04-25 09:56:21 +0200
commit0a51ea1bfa85d770f5dd2c7fd1428b785c17e125 (patch)
treec44eb87aa769020bec1707265ec8f7575fd5c51b
parentc5b32032a74dfc4165b41be11b3d75ae75a45d93 (diff)
downloadvolse-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.css17
-rwxr-xr-xview/tpl/conv_item.tpl1
-rwxr-xr-xview/tpl/conv_list.tpl1
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>