@openeuropa/bcl-theme-default 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-ckeditor5.min.css +1 -1
- package/css/oe-bcl-ckeditor5.min.css.map +1 -1
- package/css/oe-bcl-default.css +64 -3
- package/css/oe-bcl-default.css.map +1 -1
- package/css/oe-bcl-default.min.css +1 -1
- package/css/oe-bcl-default.min.css.map +1 -1
- package/js/oe-bcl-default.bundle.js +40 -0
- package/js/oe-bcl-default.bundle.js.map +1 -1
- package/js/oe-bcl-default.bundle.min.js +1 -1
- package/js/oe-bcl-default.bundle.min.js.map +1 -1
- package/js/oe-bcl-default.esm.js +40 -1
- package/js/oe-bcl-default.esm.js.map +1 -1
- package/js/oe-bcl-default.esm.min.js +1 -1
- package/js/oe-bcl-default.esm.min.js.map +1 -1
- package/js/oe-bcl-default.umd.js +40 -0
- package/js/oe-bcl-default.umd.js.map +1 -1
- package/js/oe-bcl-default.umd.min.js +1 -1
- package/js/oe-bcl-default.umd.min.js.map +1 -1
- package/package.json +5 -5
- package/src/js/accordion-toggle/accordion-toggle.js +52 -0
- package/src/js/index.esm.js +2 -0
- package/src/js/index.umd.js +2 -0
- package/src/scss/_inpage-navigation.scss +69 -4
- 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 -123
package/css/oe-bcl-default.css
CHANGED
|
@@ -17613,6 +17613,7 @@ select.multi-select {
|
|
|
17613
17613
|
transform: rotate(180deg);
|
|
17614
17614
|
}
|
|
17615
17615
|
|
|
17616
|
+
/* stylelint-disable no-descending-specificity */
|
|
17616
17617
|
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17617
17618
|
position: -webkit-sticky;
|
|
17618
17619
|
position: sticky;
|
|
@@ -17681,9 +17682,64 @@ select.multi-select {
|
|
|
17681
17682
|
padding-right: 0;
|
|
17682
17683
|
}
|
|
17683
17684
|
}
|
|
17684
|
-
@media (max-width:
|
|
17685
|
-
.bcl-
|
|
17686
|
-
|
|
17685
|
+
@media (max-width: 767.98px) {
|
|
17686
|
+
.bcl-inpage-navigation.dynamic-active {
|
|
17687
|
+
display: none;
|
|
17688
|
+
}
|
|
17689
|
+
.bcl-inpage-navigation.dynamic-active:has(.active) {
|
|
17690
|
+
display: block;
|
|
17691
|
+
}
|
|
17692
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active ul {
|
|
17693
|
+
padding: 0.25rem;
|
|
17694
|
+
}
|
|
17695
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .bcl-heading {
|
|
17696
|
+
position: absolute;
|
|
17697
|
+
left: 0;
|
|
17698
|
+
top: 0;
|
|
17699
|
+
width: 100%;
|
|
17700
|
+
z-index: 2000;
|
|
17701
|
+
height: 64px;
|
|
17702
|
+
opacity: 0;
|
|
17703
|
+
}
|
|
17704
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu {
|
|
17705
|
+
display: block;
|
|
17706
|
+
padding: 0.5rem;
|
|
17707
|
+
position: absolute;
|
|
17708
|
+
}
|
|
17709
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show .nav-item {
|
|
17710
|
+
display: block;
|
|
17711
|
+
}
|
|
17712
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show .nav-item:has(> .active) {
|
|
17713
|
+
-ms-flex-order: -1;
|
|
17714
|
+
order: -1;
|
|
17715
|
+
}
|
|
17716
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show:after {
|
|
17717
|
+
border-top-color: transparent;
|
|
17718
|
+
border-bottom: 5px solid #fff;
|
|
17719
|
+
top: 25px;
|
|
17720
|
+
}
|
|
17721
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav {
|
|
17722
|
+
display: -ms-flexbox;
|
|
17723
|
+
display: flex;
|
|
17724
|
+
}
|
|
17725
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item {
|
|
17726
|
+
display: none;
|
|
17727
|
+
transition: none;
|
|
17728
|
+
}
|
|
17729
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item:has(> .active) {
|
|
17730
|
+
display: block;
|
|
17731
|
+
}
|
|
17732
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item .nav-link {
|
|
17733
|
+
margin: 0;
|
|
17734
|
+
}
|
|
17735
|
+
.bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu:after {
|
|
17736
|
+
content: "";
|
|
17737
|
+
border-left: 5px solid transparent;
|
|
17738
|
+
border-right: 5px solid transparent;
|
|
17739
|
+
border-top: 5px solid #fff;
|
|
17740
|
+
position: absolute;
|
|
17741
|
+
top: 30px;
|
|
17742
|
+
right: 22px;
|
|
17687
17743
|
}
|
|
17688
17744
|
}
|
|
17689
17745
|
@media (min-width: 768px) {
|
|
@@ -17707,6 +17763,11 @@ select.multi-select {
|
|
|
17707
17763
|
display: block;
|
|
17708
17764
|
}
|
|
17709
17765
|
}
|
|
17766
|
+
@media (max-width: 991.98px) {
|
|
17767
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17768
|
+
padding-bottom: 1rem;
|
|
17769
|
+
}
|
|
17770
|
+
}
|
|
17710
17771
|
.bcl-language-list .btn {
|
|
17711
17772
|
background: #fff;
|
|
17712
17773
|
color: #253ebe;
|