Merge pull request #9861 from Extarys/frio-mobile-secondnav-arrow

Frio: mobile: secondnav arrow
This commit is contained in:
Hypolite Petovan 2021-01-24 17:37:53 -05:00 committed by GitHub
commit 45f1ea06b3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 33 additions and 13 deletions

View file

@ -2189,6 +2189,12 @@ ul.tabs li:hover,
ul.tabs li.active { ul.tabs li.active {
border-bottom-width: 4px; 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 { ul.tabbar ul.tabs-extended:hover li.dropdown {
border-bottom: 0; border-bottom: 0;
} }

View file

@ -1,13 +1,17 @@
<div class="tabbar-wrapper"> <div class="tabbar-wrapper">
{{* Tab navigation bar for tablets and computer *}} {{* Tab navigation bar for tablets and computer *}}
<ul role="menubar" class="tabbar list-inline visible-lg visible-md visible-sm hidden-xs"> <ul role="menubar" class="tabbar list-inline visible-lg visible-md visible-sm hidden-xs">
{{* The normal tabbar *}} {{* The normal tabbar *}}
<li> <li>
<ul class="tabs flex-nav" role="menu" > <ul class="tabs flex-nav" role="menu">
{{foreach $tabs as $tab}} {{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}}>
{{/foreach}} <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> </ul>
</li> </li>
@ -16,11 +20,12 @@
<li class="pull-right"> <li class="pull-right">
<ul class="tabs tabs-extended" role="menu"> <ul class="tabs tabs-extended" role="menu">
<li role="presentation" class="dropdown flex-target"> <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> <i class="fa fa-chevron-down" aria-hidden="true"></i>
</button> </button>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -31,24 +36,33 @@
<ul class="tabs" role="menu"> <ul class="tabs" role="menu">
{{foreach $tabs as $tab}} {{foreach $tabs as $tab}}
{{if $tab.sel}} {{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}} {{else}}
{{$exttabs[]=$tab}} {{$exttabs[]=$tab}}
{{/if}} {{/if}}
{{/foreach}} {{/foreach}}
</ul> </ul>
</li> </li>
{{* All others are moved to this dropdown menu *}} {{* All others are moved to this dropdown menu *}}
<li class="pull-right"> <li>
<ul class="tabs tabs-extended"> <ul class="tabs tabs-extended">
<li class="dropdown"> <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> <i class="fa fa-chevron-down" aria-hidden="true"></i>
</button> </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}} {{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}} {{/foreach}}
</ul> </ul>
</li> </li>