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

fix(buttons): fix flex issue (IE issue)

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-20 13:51:47 +03:00
parent b066920a92
commit 08851fdfed
2 changed files with 41 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/app/pages/ui-features/buttons/button-groups/button-groups.component.html
View file

@ -30,8 +30,7 @@
</div>
</div>
<div class="example-container toolbars-container">
<div class="row">
<div class="pagination-container col-xxxl-6">
<div class="pagination-container">
<div class="container-title">Pagination</div>
<div class="btn-group btn-toggle-group btn-outline-toggle-group" data-toggle="buttons"
[(ngModel)]="paginationModel" ngbRadioGroup>
@ -52,7 +51,8 @@
</label>
</div>
</div>
<div class="icon-toolbar-container col-xxxl-6">
<div class="icon-toolbar-container">
<div class="container-title">Icon Toolbar</div>
<div class="btn-group btn-toggle-group" data-toggle="buttons">
<label class="btn btn-success" [class.active]="iconToolbarModel.one">
@ -73,7 +73,6 @@
</div>
</div>
</div>
</div>
<div class="example-container">
<div class="container-title divided-button-group">Divided Button Group</div>
<div class="btn-group btn-divided-group btn-outline-divided-group btn-group-full-width btn-divided-checkbox-group "

8
src/app/pages/ui-features/buttons/button-groups/button-groups.component.scss
View file

@ -6,10 +6,10 @@
.toolbars-container {
display: flex;
flex-direction: column;
}
.pagination-container {
flex: 1;
margin-right: 1rem;
.btn-group > .btn {
@ -25,10 +25,6 @@
}
}
.icon-toolbar-container {
flex: 1;
}
.toggle-types {
.btn-toggle-radio-group {
margin-bottom: 1rem;
@ -43,7 +39,7 @@
}
.example-container:not(:last-child) {
margin-bottom: 2rem;
margin-bottom: 1.5rem;
}
.example-container > div {