@openeuropa/bcl-theme-default 1.4.0 → 1.6.0

package/css/oe-bcl-default.css

@@ -2953,7 +2953,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;
 }
@@ -3170,7 +3172,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;
 }
 
@@ -3256,7 +3262,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;
 }
 
@@ -6587,7 +6597,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;
@@ -16954,15 +16966,50 @@ select.multi-select {
           transform: rotate(180deg);
 }
 
+.bcl-sidebar:has(> .bcl-inpage-navigation) {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+
 .bcl-inpage-navigation {
+  top: 0;
+  background-color: #f8f9fa;
+}
+.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 #dee2e6;
+}
+.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: #f8f9fa;
+  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 #dee2e6;
 }
 .bcl-inpage-navigation ul {
   padding: 0.75rem;
@@ -16981,9 +17028,36 @@ select.multi-select {
   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 {