Skip to content

Commit

Permalink
Merge pull request #972 from junaidrsd/custom-styles-enhancement
Browse files Browse the repository at this point in the history 
enhanced custom styles accessibility to navbar by adding class names …
  • Loading branch information
Junaid Rasheed committed Aug 1, 2016
2 parents d6307a0 + e8f27e4 commit 18b0ddf
Show file tree
Hide file tree
Showing 2 changed files with 23 additions and 23 deletions.
30 changes: 15 additions & 15 deletions lib/app/views/main.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,24 +30,24 @@ <h1 ng-if="status.hasError">Error: {{status.error.name}}</h1>

<nav class="sg sg-top-nav" ng-class="{'designerToolVisible' : designerTool.isVisible}" ng-if="!config.data.sideNav">
<ul class="sg sg-top-nav-menu">
<li>
<a class="sg"
<li class="sg-nav-item">
<a class="sg sg-nav-link"
ng-class="currentSection === 'overview' ? 'active' : ''"
ng-click="clearSearch()"
ui-sref="app.index.overview">
Overview
</a>
</li>
<li ng-repeat="section in sections.data | filter: filterMainSections()">
<a class="sg"
<li class="sg-nav-item" ng-repeat="section in sections.data | filter: filterMainSections()">
<a class="sg sg-nav-link"
ng-class="{ 'active': (currentSection === section.reference), 'sub-active': (currentSection.indexOf(section.reference + '.') === 0) }"
ng-click="clearSearch()"
ui-sref="app.index.section({section: section.reference})">
<span class="sg-ref">{{ section.reference }}</span> <span ng-bind-html="section.header | unsafe"></span>
</a>
<ul>
<li ng-repeat="subsection in sections.data | filter: filterSubsections(section)">
<a class="sg"
<ul class="sg sg-nav-subsection">
<li class="sg-nav-item" ng-repeat="subsection in sections.data | filter: filterSubsections(section)">
<a class="sg sg-nav-link"
ng-class="currentSection === subsection.reference ? 'active' : ''"
ng-click="clearSearch()"
ui-sref="app.index.section({section: subsection.reference})">
Expand All @@ -70,32 +70,32 @@ <h1 ng-if="status.hasError">Error: {{status.error.name}}</h1>
</div>
<nav class="sg sg-side-nav" ng-class="{ 'animate-show': toggleMenu}">
<ul class="sg sg-nav-section">
<li>
<a class="sg"
<li class="sg sg-nav-item">
<a class="sg sg-nav-link"
ng-class="currentSection === 'overview' ? 'active' : ''"
ng-click="clearSearch();"
ui-sref="app.index.overview">
Overview
</a>
</li>
<li ng-repeat="section in sections.data | filter: filterMainSections()">
<a class="sg"
<li class="sg sg-nav-item" ng-repeat="section in sections.data | filter: filterMainSections()">
<a class="sg sg-nav-link"
ng-class="{ 'active': (currentSection === section.reference), 'sub-active': (currentSection.indexOf(section.reference + '.') === 0) }"
ng-click="clearSearch(); show = !show;"
ui-sref="app.index.section({section: section.reference})">
<span class="sg-ref">{{ section.reference }}</span> <span ng-bind-html="section.header | unsafe"></span>
</a>
<ul class="sg-nav-subsection" ng-show="show">
<li ng-repeat="subsection in sections.data | filter: filterSubsections(section)">
<a class="sg"
<li class="sg sg-nav-item" ng-repeat="subsection in sections.data | filter: filterSubsections(section)">
<a class="sg sg-nav-link"
ng-class="currentSection === subsection.reference ? 'active' : ''"
ng-click="clearSearch(); showSub = !showSub;"
ui-sref="app.index.section({section: subsection.reference})">
<span class="sg-ref" ng-class="{'plus': hasSubsections(subsection), 'minus': hasSubsections(subsection) && showSub}">{{ subsection.reference }}</span> <span ng-bind-html="subsection.header | unsafe"></span>
</a>
<ul class="sg-nav-subsubsection" ng-show="showSub">
<li ng-repeat="subsubsection in sections.data | filter: filterSubsections(subsection)">
<a class="sg"
<li class="sg sg-nav-item" ng-repeat="subsubsection in sections.data | filter: filterSubsections(subsection)">
<a class="sg sg-nav-link"
ng-class="currentSection === subsubsection.reference ? 'active' : ''"
ng-click="clearSearch()"
ui-sref="app.index.section({section: subsubsection.reference})">
Expand Down
16 changes: 8 additions & 8 deletions lib/app/views/sections.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,22 @@
sg-section
ng-repeat="section in sections.data | filter: filterSections | filter: search">
</article>
<div ng-repeat="section in sections.data | filter: filterMainSections()" ng-if="isMainSection(section) && isActive(section)">
<a class="sg"
<div class="sg sg-section-links" ng-repeat="section in sections.data | filter: filterMainSections()" ng-if="isMainSection(section) && isActive(section)">
<a class="sg sg-section-link"
ng-class="{ 'active': (currentSection === section.reference), 'sub-active': (currentSection.indexOf(section.reference + '.') === 0) }"
ng-click="clearSearch()"
ui-sref="app.index.section({section: section.reference})">
</a>
<ul>
<li ng-repeat="subsection in sections.data | filter: filterSubsections(section)">
<a class="sg"
<ul class="sg sg-subsection-links">
<li class="sg sg-section-list-item" ng-repeat="subsection in sections.data | filter: filterSubsections(section)">
<a class="sg sg-section-link"
ng-class="currentSection === subsection.reference ? 'active' : ''"
ng-click="clearSearch()"
ui-sref="app.index.section({section: subsection.reference})">
<span class="sg-ref">{{ subsection.reference }}</span> <span ng-bind-html="subsection.header | unsafe"></span>
<ul class="sg-nav-subsubsection">
<li ng-repeat="subsubsection in sections.data | filter: filterSubsections(subsection)">
<a class="sg"
<ul class="sg sg-nav-subsubsection sg-subsubsection-links">
<li class="sg sg-section-list-item" ng-repeat="subsubsection in sections.data | filter: filterSubsections(subsection)">
<a class="sg sg-section-link"
ng-class="currentSection === subsubsection.reference ? 'active' : ''"
ng-click="clearSearch()"
ui-sref="app.index.section({section: subsubsection.reference})">
Expand Down

0 comments on commit 18b0ddf

Please sign in to comment.