tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-28 00:04:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improved the tree view styles

Browse Source
This commit is contained in:
Alejandro Gallardo Escobar 2015-01-29 20:58:33 +01:00
parent 3b449f3789
commit 5c8956193d
1 changed files with 49 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
pandora_console/include/styles/tree.css
View File

@ -5,7 +5,7 @@
.tree-group { .tree-group {
margin-left: 16px; margin-left: 16px;
padding-top: 4px; padding-top: 1px;
} }
.tree-node { .tree-node {
@ -22,11 +22,16 @@
background: 0 0; background: 0 0;
} }
.node-content { .node-content {
height: 21px; height: 16px;
}
.node-content>img {
position: relative;
top: -2px;
} }
.node-content:hover { .node-content:hover {
background-color: #9AB8DF; background-color: #FFF;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -101,6 +106,7 @@
.tree-node>.node-content>img.module-server-type, .tree-node>.node-content>img.module-server-type,
.tree-node>.node-content>img.agent-status, .tree-node>.node-content>img.agent-status,
.tree-node>.node-content>img.agent-alerts-fired, .tree-node>.node-content>img.agent-alerts-fired,
.tree-node>.node-content>img.agent-quiet,
.tree-node>.node-content>img.module-status { .tree-node>.node-content>img.module-status {
padding-right: 3px; padding-right: 3px;
} }
@ -122,4 +128,43 @@
font-weight: bold; font-weight: bold;
font-size: 7pt; font-size: 7pt;
cursor: default; cursor: default;
} }
div.tree-table {
display: table;
width: 98%;
margin-top: 10px;
}
div.tree-table-row {
display: table-row;
}
div.tree-table-cell {
display: table-cell;
vertical-align: top;
}
div.tree-table-cell.tree-table-cell-tree {
/*width: 70%;*/
max-width: 600px;
overflow-x: auto;
overflow-y: hidden;
}
div.tree-table-cell.tree-table-cell-detail {
padding-left: 10px;
width: 350px;
}
div.tree-element-detail-closed {
display: none;
}
div#tree-controller-recipient {
text-align: left;
}
div#tree-controller-detail-recipient {
/*text-align: right;*/
}