bug fixes on bs5 version

This commit is contained in:
Mark Eaton
2026-02-05 14:00:55 -05:00
parent 7b18219029
commit 36847a4660
2 changed files with 9 additions and 10 deletions
+8 -9
View File
@@ -72,6 +72,8 @@
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
top: 100%;
margin-top: 0;
} }
.show > .dropdown-menu.fade, .show > .dropdown-menu.fade,
.dropdown-menu.fade.show { .dropdown-menu.fade.show {
@@ -151,7 +153,8 @@
/* style navbar */ /* style navbar */
nav.navbar-light.main-nav-container { nav.navbar-light.main-nav-container {
background-color: white; background-color: white !important;
background: white !important;
border: none; border: none;
font-size: 1.4em; font-size: 1.4em;
color: var(--text); color: var(--text);
@@ -211,7 +214,7 @@
padding: 20px 0; padding: 20px 0;
border-radius: 5px; border-radius: 5px;
background-size: cover; background-size: cover;
margin: -30px 0 30px 0; margin: 0 0 30px 0;
} }
/* style jumbotron */ /* style jumbotron */
@@ -441,13 +444,9 @@
margin-left: 8px; margin-left: 8px;
color: var(--kbccorange); color: var(--kbccorange);
} }
.show > button > .fancy-caret { button.show > .fancy-caret {
margin-bottom: -4px; position: relative;
vertical-align: -4px; top: 4px;
display: inline-block;
}
.show > button > .caret-text {
vertical-align: -1px;
} }
/* style footer */ /* style footer */
+1 -1
View File
@@ -9,7 +9,7 @@ const hamburgerComponent = {
const navigComponent = { const navigComponent = {
// Fixed: Removed invalid nested <a> elements (WCAG 4.1.1) // Fixed: Removed invalid nested <a> elements (WCAG 4.1.1)
// Changed outer <a> to <div> and made dropdown-toggle a <button> // Changed outer <a> to <div> and made dropdown-toggle a <button>
template: `<nav class="navbar navbar-expand navbar-light bg-light main-nav-container" aria-label="Main navigation"> template: `<nav class="navbar navbar-expand navbar-light main-nav-container" aria-label="Main navigation">
<div class="container-fluid"> <div class="container-fluid">
<ul class="nav navbar-nav" id="navbar-center"> <ul class="nav navbar-nav" id="navbar-center">
<li v-for="(navmenu, navkey) in navlistofmenus" <li v-for="(navmenu, navkey) in navlistofmenus"