Chris Oliver
3edfc42623
- Previously a maximum of 8 items were shown. - This change calculates the width of each item and displays as many as possible in the container. - Any overflowing items will be moved to the ... menu
36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
<div>
|
|
<div id="applications" ng-class="{faded:stickyNavigation}">
|
|
<ul class="sections" data-element="sections">
|
|
|
|
<li data-element="section-{{section.alias}}" ng-repeat="section in sections | limitTo: visibleSections" ng-class="{current: section.alias == currentSection}">
|
|
<a href="#/{{section.alias}}"
|
|
ng-dblclick="sectionDblClick(section)"
|
|
ng-click="sectionClick($event, section)"
|
|
prevent-default>
|
|
<span class="section__name">{{section.name}}</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li data-element="section-expand" class="expand" ng-class="{ 'open': showTray === true, current: currentSectionInOverflow() }" ng-show="visibleSections < sections.length">
|
|
<a href="#" ng-click="trayClick()" prevent-default>
|
|
<span class="section__name">•••</span>
|
|
</a>
|
|
|
|
<ul id="applications-tray" class="sections-tray shadow-depth-2" ng-if="showTray" on-outside-click="trayClick()">
|
|
<li ng-repeat="section in sections | limitTo: sections.length | limitTo: -(sections.length - visibleSections)" ng-class="{current: section.alias == currentSection}">
|
|
<a href="#/{{section.alias}}"
|
|
ng-dblclick="sectionDblClick(section)"
|
|
ng-click="sectionClick($event, section)"
|
|
prevent-default>
|
|
<span class="section__name">{{section.name}}</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|