aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2018-06-01 13:30:02 +0200
committerMario Vavti <mario@mariovavti.com>2018-06-01 13:30:02 +0200
commitec6d4f8ac34e584f07606a65a911e8b2bc8554f8 (patch)
tree7b338998fb644dcd66cebb233937d080073b550c /view
parent6bf0f4225c0fc7ecc1762ed5cfe2c4861cd1bd4e (diff)
downloadvolse-hubzilla-ec6d4f8ac34e584f07606a65a911e8b2bc8554f8.tar.gz
volse-hubzilla-ec6d4f8ac34e584f07606a65a911e8b2bc8554f8.tar.bz2
volse-hubzilla-ec6d4f8ac34e584f07606a65a911e8b2bc8554f8.zip
add hover effect to dropdown caret
Diffstat (limited to 'view')
-rw-r--r--view/theme/redbasic/css/style.css8
-rwxr-xr-xview/tpl/common_pills.tpl4
2 files changed, 10 insertions, 2 deletions
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}}>