diff options
author | Mario Vavti <mario@mariovavti.com> | 2018-06-01 13:30:02 +0200 |
---|---|---|
committer | Mario Vavti <mario@mariovavti.com> | 2018-06-01 13:30:02 +0200 |
commit | ec6d4f8ac34e584f07606a65a911e8b2bc8554f8 (patch) | |
tree | 7b338998fb644dcd66cebb233937d080073b550c /view | |
parent | 6bf0f4225c0fc7ecc1762ed5cfe2c4861cd1bd4e (diff) | |
download | volse-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.css | 8 | ||||
-rwxr-xr-x | view/tpl/common_pills.tpl | 4 |
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}}> |