From 025ae944c53b6cdd763d77ad3b39085062308101 Mon Sep 17 00:00:00 2001
From: Johannes Meyer <johannes.meyer@icinga.com>
Date: Wed, 30 Apr 2025 09:54:49 +0200
Subject: [PATCH] css: Modernize pseudo element selectors in menu.less

---
 public/css/icinga/menu.less | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

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