fix bootstrap css conflict by adding dummy class in navbar a tags

src/blenderbim/blenderbim/bim/data/webui/static/css/drawings.css

@@ -96,13 +96,14 @@ nav ul li {
 }
 
 nav ul li a {
-    text-decoration: none;
+    text-decoration: none !important;
     color: var(--blender-text, var(--nav-link-color));
 }
 
 nav ul li a:hover,
 nav ul li a.active {
     color: var(--blender-selected-object, var(--nav-link-hover-color));
+    text-decoration: none !important;
 }
 
 .warning {
@@ -309,4 +310,14 @@ li.svg-name {
 
 button:focus {
     outline: none;
-}
+}
+
+/* a:not([href]):not([class]):hover {
+    color: var(--blender-selected-object, var(--nav-link-hover-color));
+    text-decoration: none !important;
+}
+
+a:not([href]):not([class]) {
+    text-decoration: none !important;
+    color: var(--blender-text, var(--nav-link-color));
+} */

src/blenderbim/blenderbim/bim/data/webui/templates/drawings.html

@@ -64,13 +64,19 @@
           >
         </li>
         <li>
-          <a><i class="fa-solid fa-camera"></i> BCF Topics</a>
+          <a class="dummy-class"
+            ><i class="fa-solid fa-camera"></i> BCF Topics</a
+          >
         </li>
         <li>
-          <a><i class="fa-solid fa-square-check"></i> IDS Audits</a>
+          <a class="dummy-class"
+            ><i class="fa-solid fa-square-check"></i> IDS Audits</a
+          >
         </li>
         <li>
-          <a><i class="fa-solid fa-hotel"></i> Facility Management</a>
+          <a class="dummy-class"
+            ><i class="fa-solid fa-hotel"></i> Facility Management</a
+          >
         </li>
       </ul>
       <button id="toggle-theme" onclick="toggleTheme()">