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

fix(form-input): form-input responsive

Browse source
This commit is contained in:
Mikhail Hryb 2017-09-18 11:25:26 +03:00 • committed by KostyaDanovsky
parent acd68d4ec0
commit b1a0024a27
2 changed files with 44 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/app/pages/forms/form-inputs/form-inputs.component.scss
View file

@ -1,4 +1,6 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
@include nb-install-component() {
@ -22,16 +24,19 @@
.demo-checkboxes {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
.demo-radio {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
.demo-disabled-checkbox-radio {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
.demo-checkboxes-radio {
@ -42,6 +47,7 @@
.demo-rating {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.star {
@ -70,10 +76,6 @@
.full-name-inputs {
display: flex;
.input-group:not(:last-child) {
margin-right: 1rem;
}
}
.input-group.has-person-icon {
@ -95,7 +97,12 @@
}
.dropdown {
width: 25%;
min-width: 7rem;
}
.dropdown-menu {
width: auto;
}
.form-group label {
@ -108,4 +115,11 @@
color: nb-theme(color-primary);
}
}
@include media-breakpoint-down(xs) {
button:not(.btn-icon) {
padding: 0.75rem 1rem;
font-size: 0.75rem;
}
}
}