Issue #3385497: Gin's horizontal dropdown menu appears behind CKEditor 5's sticky header

dist/css/components/ckeditor5.css

@@ -50,7 +50,8 @@
 }
 
 .ck.ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
-  top: var(--gin-sticky-offset);
+  z-index: 2;
+  top: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset)) !important;
 }
 
 .ck .ck-toolbar__separator {

dist/css/layout/classic_toolbar.css

@@ -12,6 +12,10 @@
     --gin-icon-size-toolbar: 16px;
     --gin-scroll-offset: 200px;
   }
+
+  :root .gin--edit-form {
+    --gin-sticky-offset: var(--gin-height-sticky);
+  }
 }
 
 @media (min-width: 61em) {

styles/components/ckeditor5.scss

@@ -67,7 +67,8 @@
   }
 
   &.ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
-    top: var(--gin-sticky-offset);
+    z-index: 2;
+    top: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset)) !important;
   }
 
   .ck-toolbar__separator {

styles/layout/classic_toolbar.scss

@@ -10,6 +10,10 @@
   @include mq(large) {
     --gin-icon-size-toolbar: 16px;
     --gin-scroll-offset: 200px;
+
+    .gin--edit-form {
+      --gin-sticky-offset: var(--gin-height-sticky);
+    }
   }
 }