From ec6d4f8ac34e584f07606a65a911e8b2bc8554f8 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Fri, 1 Jun 2018 13:30:02 +0200
Subject: add hover effect to dropdown caret

---
 view/theme/redbasic/css/style.css | 8 ++++++++
 view/tpl/common_pills.tpl         | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'view')

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 4488dcddd..5e783c056 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1799,3 +1799,11 @@ dl.bb-dl > dd > li {
 .cover-photo-review {
 	margin-bottom: 10px;
 }
+
+.hover-fx-hide  {
+	opacity: 0;
+}
+
+.hover-fx-show:hover .hover-fx-hide {
+	opacity: 1;
+}
diff --git a/view/tpl/common_pills.tpl b/view/tpl/common_pills.tpl
index 37d500bd1..8f4381f3d 100755
--- a/view/tpl/common_pills.tpl
+++ b/view/tpl/common_pills.tpl
@@ -1,10 +1,10 @@
 <ul class="nav nav-pills flex-column">
 	{{foreach $pills as $p}}
-	<li class="nav-item"{{if $p.id}} id="{{$p.id}}"{{/if}}>
+	<li class="nav-item hover-fx-show"{{if $p.id}} id="{{$p.id}}"{{/if}}>
 		<a class="nav-link{{if $p.sel}} {{$p.sel}}{{/if}}" href="{{$p.url}}"{{if $p.title}} title="{{$p.title}}"{{/if}}{{if $p.sub}} onclick="{{if $p.sel}}closeOpen('{{$p.id}}_sub');{{else}}openClose('{{$p.id}}_sub');{{/if}} return false;"{{/if}}>
 			{{if $p.icon}}<i class="fa fa-fw fa-{{$p.icon}}"></i>{{/if}}
 			{{$p.label}}
-			{{if $p.sub}}<i class="fa fa-fw fa-caret-down"></i>{{/if}}
+			{{if $p.sub}}<i class="fa fa-fw fa-caret-down hover-fx-hide"></i>{{/if}}
 		</a>
 		{{if $p.sub}}
 		<ul class="nav nav-pills flex-column ml-4" id="{{$p.id}}_sub"{{if !$p.sel}} style="display: none;"{{/if}}>
-- 
cgit v1.2.3