tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-27 15:54:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix navigation layout in firefox and chrome

Browse Source 
Hover css still broken

refs #7736
This commit is contained in:
Matthias Jentsch 2014-11-19 12:15:18 +01:00
parent 42a8352a8f
commit 48699cacf4
2 changed files with 38 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
library/Icinga/Web/Menu/MonitoringMenuItemRenderer.php
View File

@ -81,20 +81,20 @@ class MonitoringMenuItemRenderer implements MenuItemRenderer {
} }
if ($menu->getIcon() && strpos($menu->getIcon(), '.') === false) { if ($menu->getIcon() && strpos($menu->getIcon(), '.') === false) {
return sprintf( return sprintf(
'<a href="%s" class="icon-%s">%s%s</a>', '%s <a href="%s" class="icon-%s">%s</a>',
$badge,
$menu->getUrl() ?: '#', $menu->getUrl() ?: '#',
$menu->getIcon(), $menu->getIcon(),
htmlspecialchars($menu->getTitle()), htmlspecialchars($menu->getTitle())
$badge
); );
} }
return sprintf( return sprintf(
'<a href="%s">%s%s%s</a>', '%s<a href="%s">%s%s<span></span></a>',
$badge,
$menu->getUrl() ?: '#', $menu->getUrl() ?: '#',
$menu->getIcon() ? '<img src="' . Url::fromPath($menu->getIcon()) . '" class="icon" /> ' : '', $menu->getIcon() ? '<img src="' . Url::fromPath($menu->getIcon()) . '" class="icon" /> ' : '',
htmlspecialchars($menu->getTitle()), htmlspecialchars($menu->getTitle())
$badge
); );
} }
} }

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

@ -204,17 +204,20 @@ li li .badge-container {
margin-right: 0.75em; margin-right: 0.75em;
} }
#menu > ul > li.active > a > .badge-container { /*
#layout.hoveredmenu .active > .badge-container {
display: none; display: none;
} }
#layout.hoveredmenu .hover > a > .badge-container { #layout.hoveredmenu .hover > .badge-container {
margin-right: 14.15em; //margin-right: 14.15em;
display: none;
} }
*/
.badge { .badge {
position: relative; position: relative;
top: -0.1em; top: 0.3em;
display: inline-block; display: inline-block;
min-width: 1em; min-width: 1em;
padding: 3px 7px; padding: 3px 7px;
@ -228,6 +231,31 @@ li li .badge-container {
background-color: @colorInvalid; background-color: @colorInvalid;
} }
#menu > ul > li.active > .badge-container {
display: none;
}
#menu > ul > li.hover > .badge-container {
display: none;
}
#menu > ul > li.active > ul > li .badge-container {
position: relative;
top: -0.5em;
}
#menu > ul > li.hover > ul > li .badge-container {
display: inline-block;
float: right;
position: relative;
top: -0.5em;
}
#menu > ul > li.hover > ul > li {
// prevent floating badges from resizing list items in webkit
//max-height: 2em;
}
li li .badge { li li .badge {
font-size: 0.975em; font-size: 0.975em;
} }