From 0a51ea1bfa85d770f5dd2c7fd1428b785c17e125 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Wed, 25 Apr 2018 09:56:21 +0200
Subject: show caret-down on item-photo hover to indicate a dropdown menu

---
 view/css/conversation.css | 17 +++++++++++++++++
 view/tpl/conv_item.tpl    |  1 +
 view/tpl/conv_list.tpl    |  1 +
 3 files changed, 19 insertions(+)

(limited to 'view')

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>
-- 
cgit v1.2.3