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

This commit is contained in:
Ziad-I
2024-08-07 13:37:25 +03:00
committed by Dion Moult
parent 683e168ca1
commit 31d67b5e62
2 changed files with 22 additions and 5 deletions
@@ -96,13 +96,14 @@ nav ul li {
} }
nav ul li a { nav ul li a {
text-decoration: none; text-decoration: none !important;
color: var(--blender-text, var(--nav-link-color)); color: var(--blender-text, var(--nav-link-color));
} }
nav ul li a:hover, nav ul li a:hover,
nav ul li a.active { nav ul li a.active {
color: var(--blender-selected-object, var(--nav-link-hover-color)); color: var(--blender-selected-object, var(--nav-link-hover-color));
text-decoration: none !important;
} }
.warning { .warning {
@@ -310,3 +311,13 @@ li.svg-name {
button:focus { button:focus {
outline: none; 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));
} */
@@ -64,13 +64,19 @@
> >
</li> </li>
<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>
<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>
<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> </li>
</ul> </ul>
<button id="toggle-theme" onclick="toggleTheme()"> <button id="toggle-theme" onclick="toggleTheme()">