diff options
author | Mario Vavti <mario@mariovavti.com> | 2017-03-12 21:11:28 +0100 |
---|---|---|
committer | Mario Vavti <mario@mariovavti.com> | 2017-03-12 21:11:28 +0100 |
commit | 8aabc6bc3dfccb85f44b5db4708a756124277e1e (patch) | |
tree | f14531513d44fdf0d181cdef8731ce1a908f2b9d /view/tpl/common_tabs.tpl | |
parent | d9ecca859150f9e9e4213eded9e3f8a69e57f4be (diff) | |
download | volse-hubzilla-8aabc6bc3dfccb85f44b5db4708a756124277e1e.tar.gz volse-hubzilla-8aabc6bc3dfccb85f44b5db4708a756124277e1e.tar.bz2 volse-hubzilla-8aabc6bc3dfccb85f44b5db4708a756124277e1e.zip |
many dropdown and class fixes. still a long way to go...
Diffstat (limited to 'view/tpl/common_tabs.tpl')
-rwxr-xr-x | view/tpl/common_tabs.tpl | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/view/tpl/common_tabs.tpl b/view/tpl/common_tabs.tpl index fa6bfbdfa..43c66b042 100755 --- a/view/tpl/common_tabs.tpl +++ b/view/tpl/common_tabs.tpl @@ -1,8 +1,17 @@ -<div id="tabs-collapse-1" class="navbar-collapse collapse"> - <ul class="nav nav-tabs nav-justified"> +<div id="tabs-collapse-1" class="hidden-sm-down"> + <ul class="nav nav-tabs nav-fill"> {{foreach $tabs as $tab}} - <li class="{{$tab.sel}}" {{if $tab.id}}id="{{$tab.id}}"{{/if}}><a href="{{$tab.url}}"{{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li> + <li class="nav-item"{{if $tab.id}} id="{{$tab.id}}"{{/if}}><a class="nav-link{{if $tab.sel}} {{$tab.sel}}{{/if}}" href="{{$tab.url}}"{{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li> {{/foreach}} </ul> </div> -<div class="tabs-end"></div> +<div class="hidden-md-up dropdown clearfix" style="position:fixed; right:7px; top:4rem; z-index:1020"> + <button type="button" class="btn btn-outline-secondary btn-sm float-right" data-toggle="dropdown"> + <i class="fa fa-bars"></i> + </button> + <div class="dropdown-menu dropdown-menu-right"> + {{foreach $tabs as $tab}} + <a class="dropdown-item{{if $tab.sel}} {{$tab.sel}}{{/if}}" href="{{$tab.url}}"{{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a> + {{/foreach}} + </div> +</div> |