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

CSS: Move styles related to controls to controls.less

Browse Source 
refs #11145
This commit is contained in:
Eric Lippmann 2016-03-31 12:38:25 +02:00
parent a492839097
commit 793acd8475
3 changed files with 43 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
modules/monitoring/public/css/module.less
View File

@ -47,17 +47,6 @@
} }
} }
// Multi-selection info
.selection-info {
float: right;
font-size: @font-size-small;
padding: @vertical-padding / 2 0;
&:hover {
cursor: help;
}
}
// Performance data pie charts // Performance data pie charts
.sparkline { .sparkline {
height: 1em; height: 1em;

48
public/css/icinga/controls.less
View File

@ -1,20 +1,34 @@
/*! Icinga Web 2 | (c) 2015 Icinga Development Team | GPLv2+ */ /*! Icinga Web 2 | (c) 2015 Icinga Development Team | GPLv2+ */
// TODO(el): Rename .filter to .filter-control
// Backend selection control in user and group list views
.backend-selection { .backend-selection {
float: left; float: left;
} }
.filter { .backend-selection,
clear: both; .pagination-control,
.selection-info,
.sort-controls-container {
margin-bottom: 0.5em;
} }
.limiter-control, .backend-selection,
.sort-control { .pagination-control,
display: inline-block; .sort-controls-container {
// Select controls may not respect font-size thus leading to improperly vertical alignment w/o big enough line-height
line-height: 2em;
}
.filter {
// Display filter control on a new line
clear: both;
} }
.limiter-control > .control-group { .limiter-control > .control-group {
padding: 0; padding: 0;
// Note that the sort-control form does not have padding as it's utilizing different decorators
> .control-label-group { > .control-label-group {
text-align: left; text-align: left;
@ -31,7 +45,14 @@
} }
} }
.limiter-control,
.sort-control {
// Display limiter and sort control both on the same line; floating could be used here too to achieve the same
display: inline-block;
}
.pagination-control { .pagination-control {
// Display the pagination-control on a new line
clear: both; clear: both;
float: left; float: left;
@ -73,7 +94,19 @@
} }
} }
// Multi-selection info
.selection-info {
float: right;
font-size: @font-size-small;
&:hover {
cursor: help;
}
}
.sort-control { .sort-control {
margin-left: 0.25em;
label { label {
width: auto; width: auto;
margin-right: 0.5em; margin-right: 0.5em;
@ -99,6 +132,11 @@
float: right; float: right;
} }
.sort-direction-control {
margin-left: 0.25em;
width: 1em;
}
html.no-js .sort-control form { html.no-js .sort-control form {
display: table; display: table;
margin-left: auto; margin-left: auto;

32
public/css/icinga/main.less
View File

@ -177,38 +177,6 @@ a:hover > .icon-cancel {
width: @name-value-table-name-width; width: @name-value-table-name-width;
} }
.controls {
.limiter-control {
padding: @vertical-padding / 2 0;
margin-bottom: 0.25em;
}
.pagination-control {
padding: @vertical-padding / 2 0;
margin-bottom: 0.25em;
}
.sort-control {
padding: @vertical-padding / 2 0;
margin-bottom: 0.25em;
margin-left: 0.5em;
}
.sort-direction-control {
margin-bottom: 0.5em;
margin-left: 0.5em;
width: 1em;
}
.filter {
margin-bottom: 0.5em;
}
.selection-info {
margin-left: 0.5em;
}
}
/* Styles for centering content of unknown width and height both horizontally and vertically /* Styles for centering content of unknown width and height both horizontally and vertically
* *
* Example markup: * Example markup: