@openeuropa/bcl-theme-joinup 1.4.0 → 1.5.0
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 +65 -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/package.json +6 -6
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +30 -9
- package/templates/bcl-pagination/pagination.html.twig +13 -10
package/css/oe-bcl-joinup.css
CHANGED
|
@@ -17548,15 +17548,50 @@ input:hover {
|
|
|
17548
17548
|
font-weight: 700;
|
|
17549
17549
|
}
|
|
17550
17550
|
|
|
17551
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17552
|
+
position: -webkit-sticky;
|
|
17553
|
+
position: sticky;
|
|
17554
|
+
top: 0;
|
|
17555
|
+
z-index: 2;
|
|
17556
|
+
}
|
|
17557
|
+
|
|
17551
17558
|
.bcl-inpage-navigation {
|
|
17559
|
+
top: 0;
|
|
17560
|
+
background-color: #fafbfc;
|
|
17561
|
+
}
|
|
17562
|
+
.bcl-inpage-navigation .dropdown-toggle {
|
|
17563
|
+
display: -ms-flexbox;
|
|
17564
|
+
display: flex;
|
|
17565
|
+
-ms-flex-pack: justify;
|
|
17566
|
+
justify-content: space-between;
|
|
17567
|
+
-ms-flex-align: center;
|
|
17568
|
+
align-items: center;
|
|
17569
|
+
white-space: normal;
|
|
17570
|
+
border-bottom: 1px solid #dadee0;
|
|
17571
|
+
}
|
|
17572
|
+
.bcl-inpage-navigation .dropdown-toggle:after {
|
|
17552
17573
|
display: none;
|
|
17553
|
-
|
|
17574
|
+
}
|
|
17575
|
+
.bcl-inpage-navigation .dropdown-toggle .bi {
|
|
17576
|
+
transition: 0.3s ease;
|
|
17577
|
+
}
|
|
17578
|
+
.bcl-inpage-navigation .dropdown-toggle.show .bi {
|
|
17579
|
+
-webkit-transform: rotate(180deg);
|
|
17580
|
+
transform: rotate(180deg);
|
|
17581
|
+
}
|
|
17582
|
+
.bcl-inpage-navigation .dropdown-menu {
|
|
17583
|
+
position: relative;
|
|
17554
17584
|
background-color: #fafbfc;
|
|
17585
|
+
width: 100%;
|
|
17586
|
+
top: 100% !important;
|
|
17587
|
+
border: none;
|
|
17588
|
+
border-radius: 0;
|
|
17589
|
+
-webkit-transform: none !important;
|
|
17590
|
+
transform: none !important;
|
|
17555
17591
|
}
|
|
17556
17592
|
.bcl-inpage-navigation .bcl-heading {
|
|
17557
17593
|
margin-bottom: 0;
|
|
17558
17594
|
padding: 1.25rem;
|
|
17559
|
-
border-bottom: 1px solid #dadee0;
|
|
17560
17595
|
}
|
|
17561
17596
|
.bcl-inpage-navigation ul {
|
|
17562
17597
|
padding: 0.75rem;
|
|
@@ -17575,9 +17610,36 @@ input:hover {
|
|
|
17575
17610
|
padding: 0 0.75rem;
|
|
17576
17611
|
}
|
|
17577
17612
|
|
|
17578
|
-
@media (
|
|
17613
|
+
@media (max-width: 575.98px) {
|
|
17614
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17615
|
+
padding-left: 0;
|
|
17616
|
+
padding-right: 0;
|
|
17617
|
+
}
|
|
17618
|
+
}
|
|
17619
|
+
@media (max-width: 991.98px) {
|
|
17620
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17621
|
+
padding-bottom: 1rem;
|
|
17622
|
+
}
|
|
17623
|
+
}
|
|
17624
|
+
@media (min-width: 768px) {
|
|
17579
17625
|
.bcl-inpage-navigation {
|
|
17580
17626
|
display: block;
|
|
17627
|
+
top: 1rem;
|
|
17628
|
+
}
|
|
17629
|
+
.bcl-inpage-navigation .dropdown-toggle {
|
|
17630
|
+
cursor: auto;
|
|
17631
|
+
}
|
|
17632
|
+
.bcl-inpage-navigation .dropdown-toggle::after {
|
|
17633
|
+
display: none;
|
|
17634
|
+
}
|
|
17635
|
+
.bcl-inpage-navigation .dropdown-toggle .bi {
|
|
17636
|
+
display: none;
|
|
17637
|
+
}
|
|
17638
|
+
.bcl-inpage-navigation .dropdown-menu {
|
|
17639
|
+
position: relative !important;
|
|
17640
|
+
background: transparent;
|
|
17641
|
+
padding: 0;
|
|
17642
|
+
display: block;
|
|
17581
17643
|
}
|
|
17582
17644
|
}
|
|
17583
17645
|
.bcl-language-list .btn {
|