Foodsoft/foodsoft
1
1
Fork 0
Code Issues 36 Pull requests 5 Projects 1 Releases Wiki Activity

allow more than two columns in horizontal form

Browse source
This commit is contained in:
wvengen 2013-12-10 23:41:45 +01:00
parent da737793e8
commit 3f497e9274
2 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/assets/stylesheets/bootstrap_and_overrides.css.less vendored
View file

@ -248,17 +248,21 @@ tr.unavailable {
margin: 0;
}
// two-column layout in forms (landscape tablet and wider only)
// multiple-column layout in forms (landscape tablet and wider only)
@media (min-width: 768px) {
.form-horizontal .twocol {
.control-group:nth-child(odd) {
.form-horizontal .fold-line {
.control-group {
float: left;
}
.control-group:nth-child(even) {
.control-group + .control-group {
.control-label {
width: auto;
margin: 0 10px;
}
.controls {
float: left;
margin-left: 0;
}
// fix margin somehow off
// XXX there must be a better way
margin-bottom: 0;
@ -267,6 +271,12 @@ tr.unavailable {
margin-bottom: 20px;
}
}
.control-group:last-child {
float: none;
.controls {
float: none;
}
}
}
}
// allow to have indicator text instead of input with same markup