@openeuropa/bcl-theme-default 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-ckeditor5.min.css +1 -1
- package/css/oe-bcl-ckeditor5.min.css.map +1 -1
- package/css/oe-bcl-default.css +65 -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/package.json +5 -5
- package/src/scss/_inpage-navigation.scss +65 -4
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +30 -9
- package/templates/bcl-pagination/pagination.html.twig +13 -10
package/css/oe-bcl-default.css
CHANGED
|
@@ -16954,15 +16954,50 @@ select.multi-select {
|
|
|
16954
16954
|
transform: rotate(180deg);
|
|
16955
16955
|
}
|
|
16956
16956
|
|
|
16957
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
16958
|
+
position: -webkit-sticky;
|
|
16959
|
+
position: sticky;
|
|
16960
|
+
top: 0;
|
|
16961
|
+
z-index: 2;
|
|
16962
|
+
}
|
|
16963
|
+
|
|
16957
16964
|
.bcl-inpage-navigation {
|
|
16965
|
+
top: 0;
|
|
16966
|
+
background-color: #f8f9fa;
|
|
16967
|
+
}
|
|
16968
|
+
.bcl-inpage-navigation .dropdown-toggle {
|
|
16969
|
+
display: -ms-flexbox;
|
|
16970
|
+
display: flex;
|
|
16971
|
+
-ms-flex-pack: justify;
|
|
16972
|
+
justify-content: space-between;
|
|
16973
|
+
-ms-flex-align: center;
|
|
16974
|
+
align-items: center;
|
|
16975
|
+
white-space: normal;
|
|
16976
|
+
border-bottom: 1px solid #dee2e6;
|
|
16977
|
+
}
|
|
16978
|
+
.bcl-inpage-navigation .dropdown-toggle:after {
|
|
16958
16979
|
display: none;
|
|
16959
|
-
|
|
16980
|
+
}
|
|
16981
|
+
.bcl-inpage-navigation .dropdown-toggle .bi {
|
|
16982
|
+
transition: 0.3s ease;
|
|
16983
|
+
}
|
|
16984
|
+
.bcl-inpage-navigation .dropdown-toggle.show .bi {
|
|
16985
|
+
-webkit-transform: rotate(180deg);
|
|
16986
|
+
transform: rotate(180deg);
|
|
16987
|
+
}
|
|
16988
|
+
.bcl-inpage-navigation .dropdown-menu {
|
|
16989
|
+
position: relative;
|
|
16960
16990
|
background-color: #f8f9fa;
|
|
16991
|
+
width: 100%;
|
|
16992
|
+
top: 100% !important;
|
|
16993
|
+
border: none;
|
|
16994
|
+
border-radius: 0;
|
|
16995
|
+
-webkit-transform: none !important;
|
|
16996
|
+
transform: none !important;
|
|
16961
16997
|
}
|
|
16962
16998
|
.bcl-inpage-navigation .bcl-heading {
|
|
16963
16999
|
margin-bottom: 0;
|
|
16964
17000
|
padding: 1.25rem;
|
|
16965
|
-
border-bottom: 1px solid #dee2e6;
|
|
16966
17001
|
}
|
|
16967
17002
|
.bcl-inpage-navigation ul {
|
|
16968
17003
|
padding: 0.75rem;
|
|
@@ -16981,9 +17016,36 @@ select.multi-select {
|
|
|
16981
17016
|
padding: 0 0.75rem;
|
|
16982
17017
|
}
|
|
16983
17018
|
|
|
16984
|
-
@media (
|
|
17019
|
+
@media (max-width: 575.98px) {
|
|
17020
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17021
|
+
padding-left: 0;
|
|
17022
|
+
padding-right: 0;
|
|
17023
|
+
}
|
|
17024
|
+
}
|
|
17025
|
+
@media (max-width: 991.98px) {
|
|
17026
|
+
.bcl-sidebar:has(> .bcl-inpage-navigation) {
|
|
17027
|
+
padding-bottom: 1rem;
|
|
17028
|
+
}
|
|
17029
|
+
}
|
|
17030
|
+
@media (min-width: 768px) {
|
|
16985
17031
|
.bcl-inpage-navigation {
|
|
16986
17032
|
display: block;
|
|
17033
|
+
top: 1rem;
|
|
17034
|
+
}
|
|
17035
|
+
.bcl-inpage-navigation .dropdown-toggle {
|
|
17036
|
+
cursor: auto;
|
|
17037
|
+
}
|
|
17038
|
+
.bcl-inpage-navigation .dropdown-toggle::after {
|
|
17039
|
+
display: none;
|
|
17040
|
+
}
|
|
17041
|
+
.bcl-inpage-navigation .dropdown-toggle .bi {
|
|
17042
|
+
display: none;
|
|
17043
|
+
}
|
|
17044
|
+
.bcl-inpage-navigation .dropdown-menu {
|
|
17045
|
+
position: relative !important;
|
|
17046
|
+
background: transparent;
|
|
17047
|
+
padding: 0;
|
|
17048
|
+
display: block;
|
|
16987
17049
|
}
|
|
16988
17050
|
}
|
|
16989
17051
|
.bcl-language-list .btn {
|