Commit 9da11134 authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

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

parent 4cadcb5d

dist/css/components/ckeditor5.css

+2 −1
Original line number Diff line number Diff line
@@ -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

+4 −0
Original line number Diff line number Diff line
@@ -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

+2 −1
Original line number Diff line number Diff line
@@ -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

+4 −0
Original line number Diff line number Diff line
@@ -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);

    }

  }

}