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

css: Expect additional nav anchors to have styled content

Browse Source 
anchors are part of the layout in the menu, they shouldn't
be styled. Instead they're now expected to have content that
is styled instead.
This commit is contained in:
Johannes Meyer 2021-07-05 17:29:18 +02:00
parent 54acf35c69
commit e4a39cf0e1
1 changed files with 39 additions and 23 deletions

62
public/css/icinga/menu.less

@ -46,7 +46,7 @@
}
}
#layout:not(.sidebar-collapsed) #menu .nav-item > a {
#layout:not(.sidebar-collapsed) #menu .nav-item > a:first-of-type {
// Respect overflowing content
overflow: hidden;
text-overflow: ellipsis;
@ -141,7 +141,11 @@
> a {
.var(color, menu-2ndlvl-color);
font-size: @font-size-small;
padding: 0.364em 0.545em 0.364em (@icon-width + .75em)/@font-size-small;
padding: 0.364em 0.545em 0.364em 0.545em;
&:first-of-type {
padding-left: (@icon-width + .75em)/@font-size-small;
}
}
&.active {
@ -170,8 +174,11 @@
.var(background-color, menu-2ndlvl-active-bg-color);
&:hover, &:focus {
.var(color, menu-2ndlvl-active-hover-color);
.var(background-color, menu-2ndlvl-active-hover-bg-color);
&:first-of-type,
&:first-of-type ~ a {
.var(color, menu-2ndlvl-active-hover-color);
.var(background-color, menu-2ndlvl-active-hover-bg-color);
}
}
}
}
@ -286,12 +293,18 @@
> a {
.var(color, menu-flyout-color);
padding-left: 1.5em;
&:first-of-type {
padding-left: 1.5em;
}
}
&:not(.active) {
a:hover, a:focus {
.var(background-color, menu-2ndlvl-highlight-bg-color);
&:first-of-type,
&:first-of-type ~ a {
.var(background-color, menu-2ndlvl-highlight-bg-color);
}
}
}
@ -333,20 +346,20 @@
display: flex;
align-items: center;
a:not(.badge) {
a:first-of-type {
flex: 1 1 auto;
width: 0;
}
a.badge {
.var(color, text-color-inverted);
flex: 0 1 auto;
margin-right: 1em;
padding: .25em;
a:first-of-type ~ a {
flex: 0;
width: auto;
&:hover {
opacity: .6;
&:hover,
&:focus {
.badge {
opacity: .6;
}
}
}
}
@ -527,20 +540,20 @@ html.no-js #toggle-sidebar {
align-items: center;
}
&.badge-nav-item a:not(.badge) {
&.badge-nav-item a:first-of-type {
flex: 1 1 auto;
width: 0;
}
&.badge-nav-item a.badge {
.var(color, text-color-inverted);
flex: 0 1 auto;
margin-right: 1em;
padding: .25em;
&.badge-nav-item a:first-of-type ~ a {
flex: 0;
width: auto;
&:hover {
opacity: .6;
&:hover,
&:focus {
.badge {
opacity: .6;
}
}
}
}
@ -549,7 +562,10 @@ html.no-js #toggle-sidebar {
&.badge-nav-item:not(.selected) {
a:hover,
a:focus {
.var(background-color, menu-2ndlvl-highlight-bg-color);
&:first-of-type,
&:first-of-type ~ a {
.var(background-color, menu-2ndlvl-highlight-bg-color);
}
}
}
}