Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-17 13:38:08 +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

53
src/app/pages/ui-features/buttons/action-groups/action-groups.component.scss
View file

@ -1,5 +1,7 @@
@import '../../../../@theme/styles/themes';
@import '~@nebular/theme/components/card/card.component.theme';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
@include nb-install-component() {
@ -20,4 +22,55 @@
.nb-actions {
flex-basis: 80%;
}
@include media-breakpoint-down(sm) {
nb-card-body {
flex-direction: column;
align-items: flex-start;
padding: 0.75rem;
.action-groups-header {
margin: 0 0 0.5rem 0.25rem;
}
}
nb-action {
padding: 0 0.5rem;
/deep/ .control-icon {
font-size: 1.75rem;
}
}
nb-user /deep/ {
.user-container {
font-size: 0.875rem;
}
.user-picture {
height: 1.75rem;
width: 1.75rem;
}
}
}
@include media-breakpoint-down(xs) {
nb-action {
padding: 0 0.375rem;
/deep/ .control-icon {
font-size: 1.5rem;
}
}
nb-user /deep/ {
.user-container {
font-size: 0.75rem;
}
.user-picture {
height: 1.5rem;
width: 1.5rem;
}
}
nb-card-body {
padding-left: 0;
padding-right: 0;
}
}
}