fix(buttons): improve dropdowns and button groups

This commit is contained in:
KostyaDanovsky 2017-08-24 19:27:54 +03:00
parent 7e86c985cb
commit 64a0fd330b
3 changed files with 9 additions and 2 deletions

View file

@ -5,7 +5,8 @@
<div class="col-md-12">
<div class="example-container toggle-types">
<div class="container-title">Toggle Types</div>
<div [(ngModel)]="radioModel" ngbRadioGroup class="btn-group btn-toggle-group btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group">
<div [(ngModel)]="radioModel" ngbRadioGroup
class="btn-group btn-toggle-group btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group">
<label class="btn btn-outline-primary">
<input type="radio" value="left"> Left
</label>

View file

@ -42,4 +42,10 @@
.example-container:not(:last-child) {
margin-bottom: 2rem;
}
.example-container > div {
&:not(:last-child) {
margin-bottom: 1rem;
}
}
}

View file

@ -20,7 +20,7 @@
<li class="dropdown-item">Default</li>
</ul>
</div>
<div class="outline-dropdown" ngbDropdown>
<div ngbDropdown>
<button class="btn btn-outline-primary" type="button" ngbDropdownToggle>
Dropdown
</button>