bug fixes on bs5 version
This commit is contained in:
@@ -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 */
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user