Commit 1501d681 authored by Nikolay Gromov's avatar Nikolay Gromov

Добавил формы в линию, поправил существующие

parent bc87f98c
......@@ -7,7 +7,7 @@
&__title {
font-weight: 700;
line-height: 1.2em;
line-height: @line-height;
display: block;
margin-bottom: round(@line-height / 4, 2);
min-height: 1px;
......
......@@ -7,7 +7,7 @@
&__title {
font-weight: 700;
line-height: 1.2em;
line-height: @line-height;
display: block;
margin-bottom: round(@line-height / 4, 2);
min-height: 1px;
......
......@@ -9,6 +9,7 @@
font-weight: 700;
display: block;
margin-bottom: round(@line-height / 4, 2);
line-height: @line-height;
}
&__input-wrap {
......
......@@ -19,6 +19,7 @@
background-repeat: no-repeat;
background-position: right 0.3em center;
background-size: 1.063em 0.688em;
padding-right: 1.8em;
&[multiple] {
background-image: none;
......
......@@ -9,6 +9,7 @@
font-weight: 700;
display: block;
margin-bottom: round(@line-height / 4, 2);
line-height: @line-height;
}
&__input-wrap {}
......
......@@ -7,7 +7,7 @@
&__title {
font-weight: 700;
line-height: 1.2em;
line-height: @line-height;
display: block;
margin-bottom: round(@line-height / 4, 2);
min-height: 1px;
......
@import '../../less/variables.less'; // только для удобства обращения к переменным
.form {
&--line {
&:not(:last-child) {
margin-bottom: 0;
}
@media (min-width: @screen-sm) {
.field-text,
.field-checkbox,
.field-radio,
.field-select,
.field-file,
.field-range,
.field-toggler,
.field-actions {
display: inline-block;
vertical-align: top;
margin-top: 0;
margin-right: 0.3em;
}
.field-text__input-wrap,
.field-checkbox__input-wrap,
.field-radio__input-wrap,
.field-select__select-wrap,
.field-toggler__input-wrap,
.field-file__input-wrap {
display: inline-block;
vertical-align: top;
}
.field-file__input-wrap {
max-width: 35rem;
}
.field-text__name,
.field-checkbox__title,
.field-radio__title,
.field-select__name,
.field-file__name,
.field-range__name,
.field-toggler__title {
display: inline-block;
vertical-align: top;
margin: 0;
max-width: 20rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-top: e("calc(@{field-padding-top} + 1px)"); // 1px — бордюр инпута
}
.field-checkbox__title,
.field-radio__title,
.field-toggler__title {
margin-right: 0.3em;
}
.field-checkbox__name,
.field-radio__name,
.field-toggler__name {
margin-right: 0.6em;
margin-top: e("calc(@{field-padding-top} + 1px)");
margin-bottom: e("calc(@{field-padding-top} + 1px)");
}
}
}
}
......@@ -12,4 +12,5 @@
margin-bottom: @line-height;
}
}
}
This diff is collapsed.
......@@ -46,6 +46,7 @@
@import './src/blocks/field-actions/field-actions.less';
@import './src/blocks/form/form.less';
@import './src/blocks/form/form--horizontal.less';
@import './src/blocks/form/form--line.less';
@import './src/blocks/thumb/thumb.less';
@import './src/blocks/sprite-svg--localstorage/sprite-svg--localstorage.less';
@import './src/blocks/field-toggler/field-toggler.less';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment