Merge pull request #9861 from Extarys/frio-mobile-secondnav-arrow
Frio: mobile: secondnav arrow
This commit is contained in:
commit
45f1ea06b3
2 changed files with 33 additions and 13 deletions
|
@ -2189,6 +2189,12 @@ ul.tabs li:hover,
|
|||
ul.tabs li.active {
|
||||
border-bottom-width: 4px;
|
||||
}
|
||||
.tabbar.visible-xs .tabs-extended {
|
||||
padding-top: 0;
|
||||
}
|
||||
#dropdownMenuTools-xs {
|
||||
padding: 9px 10px;
|
||||
}
|
||||
ul.tabbar ul.tabs-extended:hover li.dropdown {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
|
|
@ -1,12 +1,16 @@
|
|||
|
||||
<div class="tabbar-wrapper">
|
||||
{{* Tab navigation bar for tablets and computer *}}
|
||||
<ul role="menubar" class="tabbar list-inline visible-lg visible-md visible-sm hidden-xs">
|
||||
{{* The normal tabbar *}}
|
||||
<li>
|
||||
<ul class="tabs flex-nav" role="menu" >
|
||||
<ul class="tabs flex-nav" role="menu">
|
||||
{{foreach $tabs as $tab}}
|
||||
<li id="{{$tab.id}}" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a role="menuitem" href="{{$tab.url}}" {{if $tab.accesskey}}accesskey="{{$tab.accesskey}}"{{/if}} {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>
|
||||
<li id="{{$tab.id}}" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}>
|
||||
<a role="menuitem" href="{{$tab.url}}" {{if $tab.accesskey}}accesskey="{{$tab.accesskey}}" {{/if}}
|
||||
{{if $tab.title}} title="{{$tab.title}}" {{/if}}>
|
||||
{{$tab.label}}
|
||||
</a>
|
||||
</li>
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
</li>
|
||||
|
@ -16,7 +20,8 @@
|
|||
<li class="pull-right">
|
||||
<ul class="tabs tabs-extended" role="menu">
|
||||
<li role="presentation" class="dropdown flex-target">
|
||||
<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools" data-toggle="dropdown" aria-expanded="false">
|
||||
<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</button>
|
||||
</li>
|
||||
|
@ -31,7 +36,11 @@
|
|||
<ul class="tabs" role="menu">
|
||||
{{foreach $tabs as $tab}}
|
||||
{{if $tab.sel}}
|
||||
<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>
|
||||
<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}>
|
||||
<a role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}" {{/if}}>
|
||||
{{$tab.label}}
|
||||
</a>
|
||||
</li>
|
||||
{{else}}
|
||||
{{$exttabs[]=$tab}}
|
||||
{{/if}}
|
||||
|
@ -40,15 +49,20 @@
|
|||
</li>
|
||||
|
||||
{{* All others are moved to this dropdown menu *}}
|
||||
<li class="pull-right">
|
||||
<li>
|
||||
<ul class="tabs tabs-extended">
|
||||
<li class="dropdown">
|
||||
<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools-xs" data-toggle="dropdown" aria-expanded="false">
|
||||
<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools-xs"
|
||||
data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenuTools">
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuTools">
|
||||
{{foreach $exttabs as $tab}}
|
||||
<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>
|
||||
<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}>
|
||||
<a role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}" {{/if}}>
|
||||
{{$tab.label}}
|
||||
</a>
|
||||
</li>
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
</li>
|
||||
|
|
Loading…
Reference in a new issue