mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-07-28 16:24:04 +02:00
CSS: Hover menu
This commit is contained in:
parent
ad2784d5bb
commit
f68b8bceee
@ -19,6 +19,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
li .state-critical {
|
li .state-critical {
|
||||||
|
.bg-color-critcal();
|
||||||
}
|
}
|
||||||
|
|
||||||
li .state-unreachable {
|
li .state-unreachable {
|
||||||
@ -34,42 +35,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tactical overview element styles */
|
|
||||||
|
|
||||||
//.tactical > .boxview > div.box {
|
|
||||||
// min-height: 20em;
|
|
||||||
// min-width: 12.1em;
|
|
||||||
//}
|
|
||||||
//
|
|
||||||
//.tactical div.box.contents {
|
|
||||||
// min-height: 14.5em;
|
|
||||||
//}
|
|
||||||
//
|
|
||||||
//div.box.contents.zero {
|
|
||||||
// min-width: 11.1em;
|
|
||||||
//
|
|
||||||
// background-color: transparent;
|
|
||||||
//}
|
|
||||||
//
|
|
||||||
//div.box.contents.zero span {
|
|
||||||
// font-weight: bold;
|
|
||||||
// line-height: 2em;
|
|
||||||
//
|
|
||||||
// color: #666;
|
|
||||||
//}
|
|
||||||
//
|
|
||||||
//div.box.contents.zero h3 {
|
|
||||||
// margin: 0;
|
|
||||||
// font-size: 12em;
|
|
||||||
// line-height: 1em;
|
|
||||||
//
|
|
||||||
// color: #666;
|
|
||||||
//}
|
|
||||||
|
|
||||||
//.content.processinfo table.avp th {
|
|
||||||
// width: 16em;
|
|
||||||
//}
|
|
||||||
//
|
|
||||||
//p.pluginoutput {
|
//p.pluginoutput {
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
// white-space: pre-wrap;
|
// white-space: pre-wrap;
|
||||||
|
@ -134,7 +134,10 @@ a.button {
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: @text-color-inverted;
|
color: @text-color-inverted;
|
||||||
padding: 5px;
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
|
||||||
&.state-critical {
|
&.state-critical {
|
||||||
.bg-color-critical();
|
.bg-color-critical();
|
||||||
|
@ -53,7 +53,10 @@
|
|||||||
|
|
||||||
#menu > nav > ul > li.active > a {
|
#menu > nav > ul > li.active > a {
|
||||||
color: @icinga-blue;
|
color: @icinga-blue;
|
||||||
text-shadow: none;
|
}
|
||||||
|
|
||||||
|
#menu > nav > ul > li.active > div.clearfix > a {
|
||||||
|
color: @icinga-blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu > nav > ul > li.active li.active a {
|
#menu > nav > ul > li.active li.active a {
|
||||||
@ -61,11 +64,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#menu > nav > ul > li.active li a:hover {
|
#menu > nav > ul > li.active li a:hover {
|
||||||
text-decoration: underline;
|
color: @icinga-blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu > nav > ul > li a:hover {
|
#menu > nav > ul > li a:hover {
|
||||||
color: @icinga-blue;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu > nav > ul > li li {
|
#menu > nav > ul > li li {
|
||||||
@ -78,13 +80,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#menu nav > ul > li.active > .badge {
|
#menu nav > ul > li.active > .badge {
|
||||||
margin-top: 5px;
|
margin-top: 15px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#menu nav > ul > li > div > .badge{
|
#menu nav > ul > li > div > .badge{
|
||||||
margin-top: 5px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu nav > ul > li.active > div > .badge{
|
#menu nav > ul > li.active > div > .badge{
|
||||||
@ -124,9 +125,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#menu ul ul li a {
|
#menu ul ul li a {
|
||||||
line-height: 1.8em;
|
line-height: 1.5em;
|
||||||
padding-top: 0.5em;
|
padding-top: 0.4em;
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu ul ul li a {
|
#menu ul ul li a {
|
||||||
@ -167,7 +168,7 @@
|
|||||||
left: 10.9em;
|
left: 10.9em;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: -0.5em;
|
top: -0.5em;
|
||||||
padding-top: 1em;
|
padding-top: 0.8em;
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
height: auto;
|
height: auto;
|
||||||
@ -176,7 +177,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#menu li.hover > a {
|
#menu li.hover > a {
|
||||||
color: @icinga-blue;
|
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -231,7 +231,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#menu input.search {
|
#menu input.search {
|
||||||
font-size: 0.9em;
|
font-size: 14px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 0.5em 0 2.2em;
|
padding: 0 0.5em 0 2.2em;
|
||||||
border: none;
|
border: none;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user