@openeuropa/bcl-theme-joinup 1.9.0 → 1.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/oe-bcl-joinup.css +64 -3
- package/css/oe-bcl-joinup.css.map +1 -1
- package/css/oe-bcl-joinup.min.css +1 -1
- package/css/oe-bcl-joinup.min.css.map +1 -1
- package/js/oe-bcl-joinup.bundle.js +40 -0
- package/js/oe-bcl-joinup.bundle.js.map +1 -1
- package/js/oe-bcl-joinup.bundle.min.js +1 -1
- package/js/oe-bcl-joinup.bundle.min.js.map +1 -1
- package/js/oe-bcl-joinup.esm.js +40 -1
- package/js/oe-bcl-joinup.esm.js.map +1 -1
- package/js/oe-bcl-joinup.esm.min.js +1 -1
- package/js/oe-bcl-joinup.esm.min.js.map +1 -1
- package/js/oe-bcl-joinup.umd.js +40 -0
- package/js/oe-bcl-joinup.umd.js.map +1 -1
- package/js/oe-bcl-joinup.umd.min.js +1 -1
- package/js/oe-bcl-joinup.umd.min.js.map +1 -1
- package/package.json +6 -6
- package/src/js/index.esm.js +2 -0
- package/src/js/index.umd.js +2 -0
- package/templates/bcl-accordion/accordion.html.twig +85 -46
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +9 -1
- package/templates/bcl-mega-menu/mega-menu.html.twig +0 -116
package/css/oe-bcl-joinup.css
CHANGED
|
@@ -17625,6 +17625,7 @@ input:hover {
|
|
|
17625
17625
|
font-weight: 700;
|
|
17626
17626
|
}
|
|
17627
17627
|
|
|
17628
|
+
/* stylelint-disable no-descending-specificity */
|
|
17628
17629
|
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17629
17630
|
position: -webkit-sticky;
|
|
17630
17631
|
position: sticky;
|
|
@@ -17693,9 +17694,64 @@ input:hover {
|
|
|
17693
17694
|
padding-right: 0;
|
|
17694
17695
|
}
|
|
17695
17696
|
}
|
|
17696
|
-
@media (max-width:
|
|
17697
|
-
.bcl-
|
|
17698
|
-
|
|
17697
|
+
@media (max-width: 767.98px) {
|
|
17698
|
+
.bcl-inpage-navigation.dynamic-active {
|
|
17699
|
+
display: none;
|
|
17700
|
+
}
|
|
17701
|
+
.bcl-inpage-navigation.dynamic-active:has(.active) {
|
|
17702
|
+
display: block;
|
|
17703
|
+
}
|
|
17704
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active ul {
|
|
17705
|
+
padding: 0.25rem;
|
|
17706
|
+
}
|
|
17707
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .bcl-heading {
|
|
17708
|
+
position: absolute;
|
|
17709
|
+
left: 0;
|
|
17710
|
+
top: 0;
|
|
17711
|
+
width: 100%;
|
|
17712
|
+
z-index: 2000;
|
|
17713
|
+
height: 64px;
|
|
17714
|
+
opacity: 0;
|
|
17715
|
+
}
|
|
17716
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu {
|
|
17717
|
+
display: block;
|
|
17718
|
+
padding: 0.5rem;
|
|
17719
|
+
position: absolute;
|
|
17720
|
+
}
|
|
17721
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show .nav-item {
|
|
17722
|
+
display: block;
|
|
17723
|
+
}
|
|
17724
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show .nav-item:has(> .active) {
|
|
17725
|
+
-ms-flex-order: -1;
|
|
17726
|
+
order: -1;
|
|
17727
|
+
}
|
|
17728
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show:after {
|
|
17729
|
+
border-top-color: transparent;
|
|
17730
|
+
border-bottom: 5px solid #fff;
|
|
17731
|
+
top: 25px;
|
|
17732
|
+
}
|
|
17733
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav {
|
|
17734
|
+
display: -ms-flexbox;
|
|
17735
|
+
display: flex;
|
|
17736
|
+
}
|
|
17737
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item {
|
|
17738
|
+
display: none;
|
|
17739
|
+
transition: none;
|
|
17740
|
+
}
|
|
17741
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item:has(> .active) {
|
|
17742
|
+
display: block;
|
|
17743
|
+
}
|
|
17744
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item .nav-link {
|
|
17745
|
+
margin: 0;
|
|
17746
|
+
}
|
|
17747
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu:after {
|
|
17748
|
+
content: "";
|
|
17749
|
+
border-left: 5px solid transparent;
|
|
17750
|
+
border-right: 5px solid transparent;
|
|
17751
|
+
border-top: 5px solid #fff;
|
|
17752
|
+
position: absolute;
|
|
17753
|
+
top: 30px;
|
|
17754
|
+
right: 22px;
|
|
17699
17755
|
}
|
|
17700
17756
|
}
|
|
17701
17757
|
@media (min-width: 768px) {
|
|
@@ -17719,6 +17775,11 @@ input:hover {
|
|
|
17719
17775
|
display: block;
|
|
17720
17776
|
}
|
|
17721
17777
|
}
|
|
17778
|
+
@media (max-width: 991.98px) {
|
|
17779
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17780
|
+
padding-bottom: 1rem;
|
|
17781
|
+
}
|
|
17782
|
+
}
|
|
17722
17783
|
.bcl-language-list .btn {
|
|
17723
17784
|
background: #fff;
|
|
17724
17785
|
color: #143b76;
|