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="col-md-12">
<div class="example-container toggle-types"> <div class="example-container toggle-types">
<div class="container-title">Toggle Types</div> <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"> <label class="btn btn-outline-primary">
<input type="radio" value="left"> Left <input type="radio" value="left"> Left
</label> </label>

View file

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

View file

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