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

CSS: Adapt form design with filter editor

Browse Source 
refs #3676
This commit is contained in:
Florian Strohmaier 2019-07-09 10:20:59 +02:00 committed by Johannes Meyer
parent b21c9d6ebd
commit f14256a7ee
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
library/Icinga/Web/Widget/FilterEditor.php
View File

@ -783,8 +783,8 @@ class FilterEditor extends AbstractWidget
. $this->renderFilter($this->filter) . $this->renderFilter($this->filter)
. '</li></ul>' . '</li></ul>'
. '<div class="buttons">' . '<div class="buttons">'
. '<input type="submit" name="submit" value="Apply" />' . '<input type="submit" name="cancel" value="Cancel" class="button btn-cancel" />'
. '<input type="submit" name="cancel" value="Cancel" />' . '<input type="submit" name="submit" value="Apply" class="button btn-primary"/>'
. '</div>' . '</div>'
. '<input type="hidden" name="formUID" value="FilterEditor">' . '<input type="hidden" name="formUID" value="FilterEditor">'
. '</form>' . '</form>'

23
public/css/icinga/widgets.less
View File

@ -188,6 +188,8 @@ table.multiselect tr[href] td {
#main div.filter { #main div.filter {
form.editor { form.editor {
max-width: 37em;
input[type=text], select { input[type=text], select {
width: 12em; width: 12em;
} }
@ -196,14 +198,23 @@ table.multiselect tr[href] td {
background-color: #eee; background-color: #eee;
} }
div.buttons {
float: right;
}
button { button {
border: none; border: none;
background: none; background: none;
} }
.buttons {
padding: .25em 0;
text-align: right;
}
.buttons input {
.button();
}
.buttons input:not(:last-child) {
margin-right:.5em;
}
} }
} }
@ -279,7 +290,7 @@ ul.tree li::after {
/* Stop left vertical line at "mid-height" after last nodes (at each level) */ /* Stop left vertical line at "mid-height" after last nodes (at each level) */
ul.tree li:last-child::before { ul.tree li:last-child::before {
height: 1em; height: 1.5em;
} }
/* No border for the root element - there must be only ONE root */ /* No border for the root element - there must be only ONE root */
@ -294,8 +305,8 @@ ul.tree > ul > li::before, ul.tree > ul > li::after {
ul.tree li a { ul.tree li a {
display: inline-block; display: inline-block;
padding-left: 1em;
line-height: 2em; line-height: 2em;
padding: 0 .5em;
text-decoration: none; text-decoration: none;
color: @gray; color: @gray;
background-repeat: no-repeat; background-repeat: no-repeat;