@openeuropa/bcl-theme-ucpkn 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-ucpkn.css +65 -3
- package/css/oe-bcl-ucpkn.css.map +1 -1
- package/css/oe-bcl-ucpkn.min.css +1 -1
- package/css/oe-bcl-ucpkn.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-ucpkn.css
CHANGED
|
@@ -16491,15 +16491,50 @@ select.multi-select {
|
|
|
16491
16491
|
transform: rotate(180deg);
|
|
16492
16492
|
}
|
|
16493
16493
|
|
|
16494
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
16495
|
+
position: -webkit-sticky;
|
|
16496
|
+
position: sticky;
|
|
16497
|
+
top: 0;
|
|
16498
|
+
z-index: 2;
|
|
16499
|
+
}
|
|
16500
|
+
|
|
16494
16501
|
.bcl-inpage-navigation {
|
|
16502
|
+
top: 0;
|
|
16503
|
+
background-color: #f8f9fa;
|
|
16504
|
+
}
|
|
16505
|
+
.bcl-inpage-navigation .dropdown-toggle {
|
|
16506
|
+
display: -ms-flexbox;
|
|
16507
|
+
display: flex;
|
|
16508
|
+
-ms-flex-pack: justify;
|
|
16509
|
+
justify-content: space-between;
|
|
16510
|
+
-ms-flex-align: center;
|
|
16511
|
+
align-items: center;
|
|
16512
|
+
white-space: normal;
|
|
16513
|
+
border-bottom: 1px solid #dee2e6;
|
|
16514
|
+
}
|
|
16515
|
+
.bcl-inpage-navigation .dropdown-toggle:after {
|
|
16495
16516
|
display: none;
|
|
16496
|
-
|
|
16517
|
+
}
|
|
16518
|
+
.bcl-inpage-navigation .dropdown-toggle .bi {
|
|
16519
|
+
transition: 0.3s ease;
|
|
16520
|
+
}
|
|
16521
|
+
.bcl-inpage-navigation .dropdown-toggle.show .bi {
|
|
16522
|
+
-webkit-transform: rotate(180deg);
|
|
16523
|
+
transform: rotate(180deg);
|
|
16524
|
+
}
|
|
16525
|
+
.bcl-inpage-navigation .dropdown-menu {
|
|
16526
|
+
position: relative;
|
|
16497
16527
|
background-color: #f8f9fa;
|
|
16528
|
+
width: 100%;
|
|
16529
|
+
top: 100% !important;
|
|
16530
|
+
border: none;
|
|
16531
|
+
border-radius: 0;
|
|
16532
|
+
-webkit-transform: none !important;
|
|
16533
|
+
transform: none !important;
|
|
16498
16534
|
}
|
|
16499
16535
|
.bcl-inpage-navigation .bcl-heading {
|
|
16500
16536
|
margin-bottom: 0;
|
|
16501
16537
|
padding: 1.25rem;
|
|
16502
|
-
border-bottom: 1px solid #dee2e6;
|
|
16503
16538
|
}
|
|
16504
16539
|
.bcl-inpage-navigation ul {
|
|
16505
16540
|
padding: 0.75rem;
|
|
@@ -16518,9 +16553,36 @@ select.multi-select {
|
|
|
16518
16553
|
padding: 0 0.75rem;
|
|
16519
16554
|
}
|
|
16520
16555
|
|
|
16521
|
-
@media (
|
|
16556
|
+
@media (max-width: 575.98px) {
|
|
16557
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
16558
|
+
padding-left: 0;
|
|
16559
|
+
padding-right: 0;
|
|
16560
|
+
}
|
|
16561
|
+
}
|
|
16562
|
+
@media (max-width: 991.98px) {
|
|
16563
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
16564
|
+
padding-bottom: 1rem;
|
|
16565
|
+
}
|
|
16566
|
+
}
|
|
16567
|
+
@media (min-width: 768px) {
|
|
16522
16568
|
.bcl-inpage-navigation {
|
|
16523
16569
|
display: block;
|
|
16570
|
+
top: 1rem;
|
|
16571
|
+
}
|
|
16572
|
+
.bcl-inpage-navigation .dropdown-toggle {
|
|
16573
|
+
cursor: auto;
|
|
16574
|
+
}
|
|
16575
|
+
.bcl-inpage-navigation .dropdown-toggle::after {
|
|
16576
|
+
display: none;
|
|
16577
|
+
}
|
|
16578
|
+
.bcl-inpage-navigation .dropdown-toggle .bi {
|
|
16579
|
+
display: none;
|
|
16580
|
+
}
|
|
16581
|
+
.bcl-inpage-navigation .dropdown-menu {
|
|
16582
|
+
position: relative !important;
|
|
16583
|
+
background: transparent;
|
|
16584
|
+
padding: 0;
|
|
16585
|
+
display: block;
|
|
16524
16586
|
}
|
|
16525
16587
|
}
|
|
16526
16588
|
.bcl-language-list .btn {
|