Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 16:00:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(buttons): improve dropdown styles (#20)

Browse source
This commit is contained in:
Lex Zhukov 2017-07-24 14:33:27 +03:00 • committed by GitHub
parent 2dd07ad501
commit b403977592
1 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/app/pages/ui-features/buttons/dropdown-buttons/dropdown-button.component.html
View file

@ -4,41 +4,41 @@
<div class="btn-group" ngbDropdown> <div class="btn-group" ngbDropdown>
<button type="button" class="btn btn-primary">Dropdown</button> <button type="button" class="btn btn-primary">Dropdown</button>
<button type="button" class="btn btn-primary" ngbDropdownToggle></button> <button type="button" class="btn btn-primary" ngbDropdownToggle></button>
<div class="dropdown-menu"> <ul class="dropdown-menu">
<a class="dropdown-item" href="#">Icon Button</a> <li class="dropdown-item">Icon Button</li>
<a class="dropdown-item" href="#">Hero Button</a> <li class="dropdown-item">Hero Button</li>
<a class="dropdown-item" href="#">Default</a> <li class="dropdown-item">Default</li>
</div> </ul>
</div> </div>
<div ngbDropdown> <div ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle> <button class="btn btn-primary" type="button" ngbDropdownToggle>
Dropdown Dropdown
</button> </button>
<div class="dropdown-menu"> <ul class="dropdown-menu">
<a class="dropdown-item" href="#">Icon Button</a> <li class="dropdown-item">Icon Button</li>
<a class="dropdown-item" href="#">Hero Button</a> <li class="dropdown-item">Hero Button</li>
<a class="dropdown-item" href="#">Default</a> <li class="dropdown-item">Default</li>
</div> </ul>
</div> </div>
<div class="outline-dropdown" ngbDropdown> <div class="outline-dropdown" ngbDropdown>
<button class="btn btn-outline-primary" type="button" ngbDropdownToggle> <button class="btn btn-outline-primary" type="button" ngbDropdownToggle>
Dropdown Dropdown
</button> </button>
<div class="dropdown-menu"> <ul class="dropdown-menu">
<a class="dropdown-item" href="#">Icon Button</a> <li class="dropdown-item">Icon Button</li>
<a class="dropdown-item" href="#">Hero Button</a> <li class="dropdown-item">Hero Button</li>
<a class="dropdown-item" href="#">Default</a> <li class="dropdown-item">Default</li>
</div> </ul>
</div> </div>
<div class="ghost-dropdown" ngbDropdown> <div class="ghost-dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle> <button class="btn btn-primary" type="button" ngbDropdownToggle>
Dropdown Dropdown
</button> </button>
<div class="dropdown-menu"> <ul class="dropdown-menu">
<a class="dropdown-item" href="#">Icon Button</a> <li class="dropdown-item">Icon Button</li>
<a class="dropdown-item" href="#">Hero Button</a> <li class="dropdown-item">Hero Button</li>
<a class="dropdown-item" href="#">Default</a> <li class="dropdown-item">Default</li>
</div> </ul>
</div> </div>
</nga-card-body> </nga-card-body>
</nga-card> </nga-card>