@openeuropa/bcl-theme-joinup 1.4.0 → 1.6.0

package/css/oe-bcl-joinup.css

@@ -36,7 +36,11 @@ h1, .h1 {
   color: #113264;
 }
 
-h2.fw-medium, .fw-medium.h2, h3.fw-medium, .fw-medium.h3, h4.fw-medium, .fw-medium.h4 {
+h2.fw-medium, .fw-medium.h2,
+h3.fw-medium,
+.fw-medium.h3,
+h4.fw-medium,
+.fw-medium.h4 {
   color: #113264;
 }
 
@@ -3000,7 +3004,9 @@ textarea.form-control-lg {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
-.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) {
+.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
+.form-floating > .form-control-plaintext:focus,
+.form-floating > .form-control-plaintext:not(:placeholder-shown) {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
@@ -3217,7 +3223,11 @@ textarea.form-control-lg {
   margin-left: 0.5em;
 }
 
-.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid {
+.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
+.was-validated .input-group > .form-select:not(:focus):valid,
+.input-group > .form-select:not(:focus).is-valid,
+.was-validated .input-group > .form-floating:not(:focus-within):valid,
+.input-group > .form-floating:not(:focus-within).is-valid {
   z-index: 3;
 }
 
@@ -3303,7 +3313,11 @@ textarea.form-control-lg {
   margin-left: 0.5em;
 }
 
-.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid {
+.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
+.was-validated .input-group > .form-select:not(:focus):invalid,
+.input-group > .form-select:not(:focus).is-invalid,
+.was-validated .input-group > .form-floating:not(:focus-within):invalid,
+.input-group > .form-floating:not(:focus-within).is-invalid {
   z-index: 4;
 }
 
@@ -6712,7 +6726,9 @@ textarea.form-control-lg {
     transition: none;
   }
 }
-.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
   color: #fff;
   text-decoration: none;
   outline: 0;
@@ -17548,15 +17564,50 @@ input:hover {
   font-weight: 700;
 }
 
+.bcl-sidebar:has(> .bcl-inpage-navigation) {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+
 .bcl-inpage-navigation {
+  top: 0;
+  background-color: #fafbfc;
+}
+.bcl-inpage-navigation .dropdown-toggle {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: center;
+      align-items: center;
+  white-space: normal;
+  border-bottom: 1px solid #dadee0;
+}
+.bcl-inpage-navigation .dropdown-toggle:after {
   display: none;
-  top: 1rem;
+}
+.bcl-inpage-navigation .dropdown-toggle .bi {
+  transition: 0.3s ease;
+}
+.bcl-inpage-navigation .dropdown-toggle.show .bi {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.bcl-inpage-navigation .dropdown-menu {
+  position: relative;
   background-color: #fafbfc;
+  width: 100%;
+  top: 100% !important;
+  border: none;
+  border-radius: 0;
+  -webkit-transform: none !important;
+          transform: none !important;
 }
 .bcl-inpage-navigation .bcl-heading {
   margin-bottom: 0;
   padding: 1.25rem;
-  border-bottom: 1px solid #dadee0;
 }
 .bcl-inpage-navigation ul {
   padding: 0.75rem;
@@ -17575,9 +17626,36 @@ input:hover {
   padding: 0 0.75rem;
 }
 
-@media (min-width: 992px) {
+@media (max-width: 575.98px) {
+  .bcl-sidebar:has(> .bcl-inpage-navigation) {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+@media (max-width: 991.98px) {
+  .bcl-sidebar:has(> .bcl-inpage-navigation) {
+    padding-bottom: 1rem;
+  }
+}
+@media (min-width: 768px) {
   .bcl-inpage-navigation {
     display: block;
+    top: 1rem;
+  }
+  .bcl-inpage-navigation .dropdown-toggle {
+    cursor: auto;
+  }
+  .bcl-inpage-navigation .dropdown-toggle::after {
+    display: none;
+  }
+  .bcl-inpage-navigation .dropdown-toggle .bi {
+    display: none;
+  }
+  .bcl-inpage-navigation .dropdown-menu {
+    position: relative !important;
+    background: transparent;
+    padding: 0;
+    display: block;
   }
 }
 .bcl-language-list .btn {