css: Fix no-script apply styles in non-inline forms

This commit is contained in:
Johannes Meyer 2020-04-14 13:57:13 +02:00
parent cabfb8c7f9
commit 5ed41868d9
4 changed files with 14 additions and 17 deletions

View File

@ -15,7 +15,7 @@ class LimiterControlForm extends Form
*
* @var string
*/
const CSS_CLASS_LIMITER = 'limiter-control icinga-controls';
const CSS_CLASS_LIMITER = 'limiter-control icinga-controls inline';
/**
* Default limit

View File

@ -187,7 +187,7 @@ class SortBox extends AbstractWidget
$columnForm = new Form();
$columnForm->setTokenDisabled();
$columnForm->setName($this->name . '-column');
$columnForm->setAttrib('class', 'icinga-controls');
$columnForm->setAttrib('class', 'icinga-controls inline');
$columnForm->addElement(
'select',
'sort',

View File

@ -182,12 +182,6 @@ input.search {
}
}
html.no-js .sort-control form {
display: table;
margin-left: auto;
margin-top: 0.25em;
}
.controls {
.control-label-group {
margin-top: 0;

View File

@ -274,6 +274,8 @@ form.icinga-form .form-controls {
// Button styles
.icinga-controls {
button:not([type]),
button[type="submit"],
input[type="submit"],
input[type="submit"].btn-confirm {
.button();
@ -288,12 +290,17 @@ form.icinga-form .form-controls {
}
button.noscript-apply {
.rounded-corners();
.button(@gray-lightest, @gray);
color: @gray;
background-color: @gray-lightest;
border-color: @gray;
border-width: 1px;
display: inline-block;
padding: .1em .25em;
margin: 0 .5em;
}
}
form.inline {
button.noscript-apply {
margin-left: .5em;
padding: .1em;
}
}
@ -479,10 +486,6 @@ form.icinga-form .form-info {
display: inline-block;
}
.sort-control > * {
display: inline-block;
}
/* Flyover form styles */
.flyover-content form:not(.inline):not([role="search"]) {