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

fix(buttons): fix button groups responsiveness

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-18 17:53:08 +03:00
parent 90a7321f90
commit a897bb191e
7 changed files with 97 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

60
src/app/pages/ui-features/buttons/buttons.component.scss
View file

@ -92,41 +92,6 @@
}
}
@include media-breakpoint-down(sm) {
ngx-action-groups /deep/ nb-card-body {
flex-direction: column;
align-items: flex-start;
padding: 0.75rem;
.action-groups-header {
margin: 0 0 0.5rem 0.25rem;
}
}
}
@include media-breakpoint-down(is) {
ngx-action-groups /deep/ nb-card-body {
nb-action {
padding: 0.75rem;
}
.control-icon, .start-search {
font-size: 1.75rem;
}
.user-container {
font-size: 1rem;
}
.user-picture {
height: 1.75rem;
width: 1.75rem;
}
}
}
@include media-breakpoint-down(xs) {
/deep/.icon-buttons .icon-button-examples {
@ -135,31 +100,6 @@
}
}
ngx-action-groups /deep/ nb-card-body {
nb-action {
padding: 0.5rem;
}
.control-icon, .start-search {
font-size: 1.5rem;
}
.user-container {
font-size: 0.75rem;
}
.user-picture {
height: 1.5rem;
width: 1.5rem;
}
}
ngx-labeled-actions-group /deep/ nb-card-body {
padding-left: 0;
padding-right: 0;
}
ngx-default-buttons /deep/ nb-card-header {
flex-direction: column;
margin-bottom: 0.5rem;