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): change the icon toolbar size

Browse source
This commit is contained in:
Alexander Zhukov 2017-07-21 15:57:17 +03:00
parent dc5a90b270
commit 0de4e0f9ee
3 changed files with 11 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -64,6 +64,9 @@
<label class="btn btn-success" [class.active]="iconToolbarModel.four"> <label class="btn btn-success" [class.active]="iconToolbarModel.four">
<input type="checkbox" [(ngModel)]="iconToolbarModel.four"> 4 <input type="checkbox" [(ngModel)]="iconToolbarModel.four"> 4
</label> </label>
<label class="btn btn-success" [class.active]="iconToolbarModel.five">
<input type="checkbox" [(ngModel)]="iconToolbarModel.five"> 5
</label>
</div> </div>
</div> </div>
</div> </div>

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

@ -16,6 +16,13 @@
} }
} }
.icon-toolbar-container {
.btn-group > .btn {
padding-left: 1.125rem;
padding-right: 1.125rem;
}
}
.icon-toolbar-container { .icon-toolbar-container {
flex: 1; flex: 1;
} }

1
src/app/pages/ui-features/buttons/button-groups/button-groups.component.ts
View file

@ -29,5 +29,6 @@ export class ButtonGroupsComponent {
two: false, two: false,
three: true, three: true,
four: false, four: false,
five: false,
}; };
} }