mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-07-25 23:04:51 +02:00
css: Enhance layout of inline forms
This commit is contained in:
parent
e288ccd713
commit
9db50eb75b
@ -49,6 +49,12 @@ form.icinga-form {
|
|||||||
|
|
||||||
form.inline {
|
form.inline {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Minimal form layout
|
// Minimal form layout
|
||||||
@ -300,6 +306,15 @@ form.icinga-form .form-controls {
|
|||||||
}
|
}
|
||||||
|
|
||||||
form.inline {
|
form.inline {
|
||||||
|
:not([type="hidden"]) {
|
||||||
|
& ~ button:not([type]),
|
||||||
|
& ~ button[type="submit"],
|
||||||
|
& ~ input[type="submit"],
|
||||||
|
& ~ input[type="submit"].btn-confirm {
|
||||||
|
margin-left: @horizontal-padding;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
button.noscript-apply {
|
button.noscript-apply {
|
||||||
margin-left: .5em;
|
margin-left: .5em;
|
||||||
padding: .1em;
|
padding: .1em;
|
||||||
|
@ -390,4 +390,4 @@ a:hover > .icon-cancel {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: @vertical-padding @horizontal-padding;
|
padding: ~"calc(@{vertical-padding} - 2px)" @horizontal-padding;
|
||||||
|
|
||||||
@duration: 0.2s;
|
@duration: 0.2s;
|
||||||
// The trailing semicolon is needed to be able to pass this as a css list
|
// The trailing semicolon is needed to be able to pass this as a css list
|
||||||
|
Loading…
x
Reference in New Issue
Block a user