diff --git a/dist/css/components/ckeditor5.css b/dist/css/components/ckeditor5.css index f8ca9d654607a8ed342cbd3e31c7015d063ff98f..c1baf84744cda6e7b0d3c1aec62f0c478fe8808a 100644 --- a/dist/css/components/ckeditor5.css +++ b/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 { diff --git a/dist/css/layout/classic_toolbar.css b/dist/css/layout/classic_toolbar.css index 8001e96fac507be089c0a08250428af7aa280053..f0c582270f3fb205f67ac4dceb0c33fc5c5034d7 100644 --- a/dist/css/layout/classic_toolbar.css +++ b/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) { diff --git a/styles/components/ckeditor5.scss b/styles/components/ckeditor5.scss index 3a317d9a5e62d41258f883a07be77b2b2b137f2c..6f9648aab4b683a43533e47e1fee6346027f4230 100644 --- a/styles/components/ckeditor5.scss +++ b/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 { diff --git a/styles/layout/classic_toolbar.scss b/styles/layout/classic_toolbar.scss index bfab8f83d7972182d59a5bc3c0005f8d45841395..4069f4b215ccd57b1e5400e3bce342fe4c0432ac 100644 --- a/styles/layout/classic_toolbar.scss +++ b/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); + } } }