Skip to content
This repository has been archived by the owner on Jan 16, 2018. It is now read-only.

Commit

Permalink
Site: (Fixes #384) Added plus button example with dropdown
Browse files Browse the repository at this point in the history
  • Loading branch information
@pat270 @jbalsas
pat270 authored and jbalsas committed Nov 29, 2017
1 parent fa5d1f2 commit dcc2ee2
Showing 1 changed file with 33 additions and 15 deletions.
48 changes: 33 additions & 15 deletions packages/clay/src/content/management-bar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ <h3>Navbar Management Bar</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#filter" />
</svg>
</a>
<div class="dropdown-menu" role="menu">
<div class="dropdown-menu">
<a class="dropdown-item" href="#1" role="button">Filter Action 1</a>
<a class="dropdown-item" href="#1" role="button">Filter Action 2</a>
<a class="dropdown-item" href="#1" role="button">Filter Action 3</a>
Expand Down Expand Up @@ -85,7 +85,7 @@ <h3>Navbar Management Bar</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#list" />
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start" role="menu">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start">
<a class="active dropdown-item" href="#1">
<span class="dropdown-item-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-list">
Expand Down Expand Up @@ -113,11 +113,11 @@ <h3>Navbar Management Bar</h3>
</div>
</li>
<li class="nav-item">
<button class="btn btn-primary nav-btn nav-btn-monospaced navbar-breakpoint-down-d-none" type="button">
<a class="btn btn-primary nav-btn nav-btn-monospaced navbar-breakpoint-down-d-none" href="#1">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#plus" />
</svg>
</button>
</a>
</li>
</ul>
</div>
Expand Down Expand Up @@ -146,7 +146,7 @@ <h3>Navbar Management Bar</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#filter" />
</svg>
</a>
<div class="dropdown-menu" role="menu">
<div class="dropdown-menu">
<a class="dropdown-item" href="#1" role="button">Filter Action 1</a>
<a class="dropdown-item" href="#1" role="button">Filter Action 2</a>
<a class="dropdown-item" href="#1" role="button">Filter Action 3</a>
Expand Down Expand Up @@ -197,7 +197,7 @@ <h3>Navbar Management Bar</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#list" />
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start" role="menu">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start">
<a class="active dropdown-item" href="#1">
<span class="dropdown-item-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-list">
Expand Down Expand Up @@ -225,11 +225,29 @@ <h3>Navbar Management Bar</h3>
</div>
</li>
<li class="nav-item">
<button class="btn btn-primary nav-btn nav-btn-monospaced navbar-breakpoint-down-d-none" type="button">
<a class="btn btn-primary nav-btn nav-btn-monospaced navbar-breakpoint-down-d-none" href="#1">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#plus" />
</svg>
</button>
</a>
</li>
<li class="dropdown nav-item">
<a aria-expanded="false" aria-haspopup="true" class="btn btn-primary dropdown-toggle nav-btn nav-btn-monospaced navbar-breakpoint-down-d-none" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#plus" />
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="active dropdown-item" href="#1">
Option 1
</a>
<a class="dropdown-item" href="#1">
Option 2
</a>
<a class="dropdown-item" href="#1">
Option 3
</a>
</div>
</li>
</ul>
</div>
Expand Down Expand Up @@ -279,7 +297,7 @@ <h3>Navbar Management Bar</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start" role="menu">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start">
<a class="active dropdown-item" href="#1">
<span class="dropdown-item-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-list">
Expand Down Expand Up @@ -351,7 +369,7 @@ <h3>Navbar Overlay</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#caret-bottom" />
</svg>
</a>
<div class="dropdown-menu" role="menu">
<div class="dropdown-menu">
<a class="dropdown-item" href="#1">Action</a>
<a class="dropdown-item" href="#1">Another action</a>
<a class="dropdown-item" href="#1">Something else here</a>
Expand Down Expand Up @@ -447,7 +465,7 @@ <h3>Navbar Overlay</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
</a>
<div class="dropdown-menu" role="menu">
<div class="dropdown-menu">
<a class="dropdown-item" href="#1" role="button">
Delete
</a>
Expand Down Expand Up @@ -499,7 +517,7 @@ <h3>With Buttons</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#filter" />
</svg>
</button>
<div class="dropdown-menu" role="menu">
<div class="dropdown-menu">
<button class="dropdown-item" type="button">Filter Action 1</button>
<button class="dropdown-item" type="button">Filter Action 2</button>
<button class="dropdown-item" type="button">Filter Action 3</button>
Expand Down Expand Up @@ -550,7 +568,7 @@ <h3>With Buttons</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#list" />
</svg>
</button>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start" role="menu">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start">
<a class="active dropdown-item" href="#1">
<span class="dropdown-item-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-list">
Expand Down Expand Up @@ -618,7 +636,7 @@ <h3>With Buttons</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#filter" />
</svg>
</button>
<div class="dropdown-menu" role="menu">
<div class="dropdown-menu">
<button class="dropdown-item" type="button">Filter Action 1</button>
<button class="dropdown-item" type="button">Filter Action 2</button>
<button class="dropdown-item" type="button">Filter Action 3</button>
Expand Down Expand Up @@ -669,7 +687,7 @@ <h3>With Buttons</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#list" />
</svg>
</button>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start" role="menu">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-indicator-start">
<a class="active dropdown-item" href="#1">
<span class="dropdown-item-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-list">
Expand Down

0 comments on commit dcc2ee2

Please sign in to comment.