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

css: Modernize pseudo element selectors in menu.less

Browse Source
This commit is contained in:
Johannes Meyer 2025-04-30 09:54:49 +02:00
parent ff04a2ea43
commit 025ae944c5
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/icinga/menu.less
View File

@ -2,7 +2,7 @@
#menu [class^="icon-"], #menu [class^="icon-"],
#menu [class*=" icon-"] { #menu [class*=" icon-"] {
&:before { &::before {
width: 1.5em; width: 1.5em;
} }
} }
@ -87,7 +87,7 @@
opacity: .8; opacity: .8;
} }
& > a > .icon-letter:before { & > a > .icon-letter::before {
content: attr(data-letter); content: attr(data-letter);
font-family: @font-family; font-family: @font-family;
font-weight: 800; font-weight: 800;
@ -103,7 +103,7 @@
background-color: @menu-highlight-hover-bg-color; background-color: @menu-highlight-hover-bg-color;
} }
&:after { &::after {
.transform(rotate(45deg)); .transform(rotate(45deg));
position: absolute; position: absolute;
@ -140,7 +140,7 @@
} }
// Little caret on active level-2 item // Little caret on active level-2 item
&.active:after { &.active::after {
.transform(rotate(45deg)); .transform(rotate(45deg));
background-color: @body-bg-color; background-color: @body-bg-color;
@ -255,7 +255,7 @@
position: fixed; position: fixed;
z-index: 1; z-index: 1;
&:after { &::after {
.transform(rotate(45deg)); .transform(rotate(45deg));
background-color: @body-bg-color; background-color: @body-bg-color;
@ -271,7 +271,7 @@
z-index: -1; z-index: -1;
} }
&.bottom-up:after { &.bottom-up::after {
top: unset; top: unset;
bottom: 1em; bottom: 1em;
} }
@ -303,7 +303,7 @@
} }
// Hide activity caret when displayed as flyout // Hide activity caret when displayed as flyout
&:after { &::after {
display: none; display: none;
} }
} }
@ -508,8 +508,8 @@ html.no-js #toggle-sidebar {
display: none; display: none;
} }
#open-sidebar:before, #open-sidebar::before,
#close-sidebar:before { #close-sidebar::before {
width: 1.4em; width: 1.4em;
margin-right: 0; margin-right: 0;
} }