tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-04-08 17:15:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

css: Enhance layout of inline forms

Browse Source
This commit is contained in:
Johannes Meyer 2021-03-26 14:31:08 +01:00
parent e288ccd713
commit 9db50eb75b
3 changed files with 17 additions and 2 deletions

15
public/css/icinga/forms.less

@ -49,6 +49,12 @@ form.icinga-form {
form.inline {
display: inline-block;
fieldset {
display: inline-block;
vertical-align: top;
border: none;
}
}
// Minimal form layout
@ -300,6 +306,15 @@ form.icinga-form .form-controls {
}
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 {
margin-left: .5em;
padding: .1em;

2
public/css/icinga/main.less

@ -390,4 +390,4 @@ a:hover > .icon-cancel {
font-weight: bold;
}
}
}
}

2
public/css/icinga/mixins.less

@ -15,7 +15,7 @@
cursor: pointer;
line-height: normal;
outline: none;
padding: @vertical-padding @horizontal-padding;
padding: ~"calc(@{vertical-padding} - 2px)" @horizontal-padding;
@duration: 0.2s;
// The trailing semicolon is needed to be able to pass this as a css list