From cfef0cb394b2163433260472fef4e319883b6b04 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Thu, 5 Sep 2024 12:57:08 +0100 Subject: [PATCH] toolbar dropdowns should overflow --- src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css | 2 +- src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css.map | 2 +- src/web/assets/ckeditor/src/ckeditor5-craftcms.css | 4 ++++ 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css b/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css index 71d3123d..1dcb535a 100644 --- a/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css +++ b/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css @@ -1,2 +1,2 @@ -:root{--ck-border-radius:var(--small-border-radius)!important;--ck-color-base-border:rgba(96,125,159,.25)!important;--ck-color-button-default-active-background:var( --ui-control-active-bg-color )!important;--ck-color-button-default-hover-background:var( --ui-control-bg-color )!important;--ck-color-split-button-hover-border:transparent!important;--ck-color-split-button-hover-background:hsl(var(--gray-400-hsl),0.1)!important;--ck-color-button-on-active-background:var( --ui-control-active-bg-color )!important;--ck-color-button-on-background:var(--ui-control-active-bg-color)!important;--ck-color-button-on-color:var(--text-color)!important;--ck-color-button-on-hover-background:var( --ui-control-active-bg-color )!important;--ck-color-focus-border:hsl(var(--dark-focus-hsl))!important;--ck-color-focus-outer-shadow:hsl(var(--dark-focus-hsl),0.5)!important;--ck-color-list-button-on-background-focus:var(--dark-sel-color)!important;--ck-color-list-button-on-background:var(--dark-sel-color)!important;--ck-color-shadow-drop-active:var(--ck-color-shadow-drop)!important;--ck-color-shadow-drop:rgba(31,41,51,.2)!important;--ck-color-text:var(--text-color)!important;--ck-color-toolbar-border:var(--ck-color-base-border)!important;--ck-drop-shadow-active:var(--ck-drop-shadow)!important;--ck-drop-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)!important;--ck-spacing-unit:0.69em!important;--ck-powered-by-line-height:8px;--ck-powered-by-padding-vertical:0px;--ck-powered-by-padding-horizontal:0px}.ck.ck-sticky-panel .ck-sticky-panel__content_sticky .ck.ck-toolbar{border-top-width:0}.ck.ck-button:active,.ck.ck-button:focus,a.ck.ck-button:active,a.ck.ck-button:focus{box-shadow:none!important}.ck.ck-editor__editable_inline{padding:calc(var(--m) - 2px) var(--m) calc(var(--m) + var(--ck-powered-by-line-height) + var(--ck-powered-by-padding-vertical))!important}.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){box-shadow:var(--ck-focus-outer-shadow)!important}.ck.ck-dropdown__panel{border:none!important}.ck.ck-dropdown__panel-visible{max-height:50vh;overflow-y:scroll}.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on{border-bottom-left-radius:var(--ck-border-radius)!important;border-bottom-right-radius:var(--ck-border-radius)!important}.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list,.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button,.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button.ck-rounded-corners,.ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners,.ck.ck-dropdown__panel.ck-dropdown__panel_se{border-top-left-radius:var(--ck-border-radius)!important}.ck.ck-content[dir=ltr] ul{padding-left:40px}.ck.ck-content[dir=rtl] ul{padding-right:40px}.ck.ck-editor__editable pre[data-language]:after{border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);text-shadow:none;top:0!important}.ck.ck-link-form_layout-vertical .ck.ck-dropdown{display:block;margin:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small)}.ck.ck-link-form_layout-vertical .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label{width:100%}.ck.ck-link-form_layout-vertical .ck.ck-dropdown__panel .ck.ck-list{margin:0}.ck-with-show-word-count .ck.ck-content{border-radius:0!important}.ck-word-count{background:var(--ck-color-base-background);border:solid var(--ck-color-base-border);border-bottom-left-radius:var(--ck-border-radius);border-bottom-right-radius:var(--ck-border-radius);border-width:0 1px 1px;padding:var(--s) var(--m)} +:root{--ck-border-radius:var(--small-border-radius)!important;--ck-color-base-border:rgba(96,125,159,.25)!important;--ck-color-button-default-active-background:var( --ui-control-active-bg-color )!important;--ck-color-button-default-hover-background:var( --ui-control-bg-color )!important;--ck-color-split-button-hover-border:transparent!important;--ck-color-split-button-hover-background:hsl(var(--gray-400-hsl),0.1)!important;--ck-color-button-on-active-background:var( --ui-control-active-bg-color )!important;--ck-color-button-on-background:var(--ui-control-active-bg-color)!important;--ck-color-button-on-color:var(--text-color)!important;--ck-color-button-on-hover-background:var( --ui-control-active-bg-color )!important;--ck-color-focus-border:hsl(var(--dark-focus-hsl))!important;--ck-color-focus-outer-shadow:hsl(var(--dark-focus-hsl),0.5)!important;--ck-color-list-button-on-background-focus:var(--dark-sel-color)!important;--ck-color-list-button-on-background:var(--dark-sel-color)!important;--ck-color-shadow-drop-active:var(--ck-color-shadow-drop)!important;--ck-color-shadow-drop:rgba(31,41,51,.2)!important;--ck-color-text:var(--text-color)!important;--ck-color-toolbar-border:var(--ck-color-base-border)!important;--ck-drop-shadow-active:var(--ck-drop-shadow)!important;--ck-drop-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)!important;--ck-spacing-unit:0.69em!important;--ck-powered-by-line-height:8px;--ck-powered-by-padding-vertical:0px;--ck-powered-by-padding-horizontal:0px}.ck.ck-sticky-panel .ck-sticky-panel__content_sticky .ck.ck-toolbar{border-top-width:0}.ck.ck-button:active,.ck.ck-button:focus,a.ck.ck-button:active,a.ck.ck-button:focus{box-shadow:none!important}.ck.ck-editor__editable_inline{padding:calc(var(--m) - 2px) var(--m) calc(var(--m) + var(--ck-powered-by-line-height) + var(--ck-powered-by-padding-vertical))!important}.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){box-shadow:var(--ck-focus-outer-shadow)!important}.ck.ck-dropdown__panel{border:none!important}.ck.ck-dropdown__panel-visible{max-height:50vh;overflow-y:scroll}.ck-toolbar-dropdown .ck.ck-dropdown__panel-visible{overflow:visible}.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on{border-bottom-left-radius:var(--ck-border-radius)!important;border-bottom-right-radius:var(--ck-border-radius)!important}.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list,.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button,.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button.ck-rounded-corners,.ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners,.ck.ck-dropdown__panel.ck-dropdown__panel_se{border-top-left-radius:var(--ck-border-radius)!important}.ck.ck-content[dir=ltr] ul{padding-left:40px}.ck.ck-content[dir=rtl] ul{padding-right:40px}.ck.ck-editor__editable pre[data-language]:after{border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);text-shadow:none;top:0!important}.ck.ck-link-form_layout-vertical .ck.ck-dropdown{display:block;margin:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small)}.ck.ck-link-form_layout-vertical .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label{width:100%}.ck.ck-link-form_layout-vertical .ck.ck-dropdown__panel .ck.ck-list{margin:0}.ck-with-show-word-count .ck.ck-content{border-radius:0!important}.ck-word-count{background:var(--ck-color-base-background);border:solid var(--ck-color-base-border);border-bottom-left-radius:var(--ck-border-radius);border-bottom-right-radius:var(--ck-border-radius);border-width:0 1px 1px;padding:var(--s) var(--m)} /*# sourceMappingURL=ckeditor5-craftcms.css.map*/ \ No newline at end of file diff --git a/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css.map b/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css.map index 25ec5a98..0a882309 100644 --- a/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css.map +++ b/src/web/assets/ckeditor/dist/css/ckeditor5-craftcms.css.map @@ -1 +1 @@ -{"version":3,"file":"css/ckeditor5-craftcms.css","mappings":"AACA,MACE,uDAAyD,CACzD,qDAA2D,CAC3D,0FAGA,kFAGA,0DAA4D,CAC5D,gFAIA,qFAGA,2EAA6E,CAC7E,sDAAwD,CACxD,oFAGA,4DAA8D,CAC9D,sEAAyE,CACzE,0EAA4E,CAC5E,oEAAsE,CACtE,mEAAqE,CACrE,kDAA0D,CAC1D,2CAA6C,CAC7C,+DAAiE,CACjE,uDAAyD,CACzD,qFAEA,kCAAoC,CACpC,+BAAgC,CAChC,oCAAqC,CACrC,sCAAuC,CAGzC,oEACE,mBAGF,oFAIE,0BAGF,+BACE,0IAOF,oEACE,kDAGF,uBACE,sBAGF,+BACE,gBACA,kBAGF,qDACE,4DACA,6DAGF,2XAcE,yDAIF,2BACE,kBAGF,2BACE,mBAIF,iDAGE,kEADA,iBADA,eAEA,CAIF,iDACE,cACA,+EAIF,kGAIE,WAGF,oEACE,SAIF,wCACE,0BAGF,eAME,2CAJA,yCAEA,kDACA,mDAFA,uBAFA,yBAKA","sources":["webpack://CKEditor5.craftcms/./ckeditor5-craftcms.css"],"sourcesContent":["/* CSS variables */\n:root {\n --ck-border-radius: var(--small-border-radius) !important;\n --ck-color-base-border: hsl(212, 25%, 50%, 0.25) !important;\n --ck-color-button-default-active-background: var(\n --ui-control-active-bg-color\n ) !important;\n --ck-color-button-default-hover-background: var(\n --ui-control-bg-color\n ) !important;\n --ck-color-split-button-hover-border: transparent !important;\n --ck-color-split-button-hover-background: hsl(\n var(--gray-400-hsl),\n 0.1\n ) !important;\n --ck-color-button-on-active-background: var(\n --ui-control-active-bg-color\n ) !important;\n --ck-color-button-on-background: var(--ui-control-active-bg-color) !important;\n --ck-color-button-on-color: var(--text-color) !important;\n --ck-color-button-on-hover-background: var(\n --ui-control-active-bg-color\n ) !important;\n --ck-color-focus-border: hsl(var(--dark-focus-hsl)) !important;\n --ck-color-focus-outer-shadow: hsl(var(--dark-focus-hsl), 0.5) !important;\n --ck-color-list-button-on-background-focus: var(--dark-sel-color) !important;\n --ck-color-list-button-on-background: var(--dark-sel-color) !important;\n --ck-color-shadow-drop-active: var(--ck-color-shadow-drop) !important;\n --ck-color-shadow-drop: hsl(210, 24%, 16%, 0.2) !important;\n --ck-color-text: var(--text-color) !important;\n --ck-color-toolbar-border: var(--ck-color-base-border) !important;\n --ck-drop-shadow-active: var(--ck-drop-shadow) !important;\n --ck-drop-shadow: 0 0 0 1px hsl(210, 24%, 16%, 0.1),\n 0 5px 20px hsl(210, 24%, 16%, 0.25) !important;\n --ck-spacing-unit: 0.69em !important;\n --ck-powered-by-line-height: 8px;\n --ck-powered-by-padding-vertical: 0px;\n --ck-powered-by-padding-horizontal: 0px;\n}\n\n.ck.ck-sticky-panel .ck-sticky-panel__content_sticky .ck.ck-toolbar {\n border-top-width: 0;\n}\n\n.ck.ck-button:active,\n.ck.ck-button:focus,\na.ck.ck-button:active,\na.ck.ck-button:focus {\n box-shadow: none !important;\n}\n\n.ck.ck-editor__editable_inline {\n padding: calc(var(--m) - 2px) var(--m)\n calc(\n var(--m) + var(--ck-powered-by-line-height) +\n var(--ck-powered-by-padding-vertical)\n ) !important;\n}\n\n.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {\n box-shadow: var(--ck-focus-outer-shadow) !important;\n}\n\n.ck.ck-dropdown__panel {\n border: none !important;\n}\n\n.ck.ck-dropdown__panel-visible {\n max-height: 50vh;\n overflow-y: scroll;\n}\n\n.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {\n border-bottom-left-radius: var(--ck-border-radius) !important;\n border-bottom-right-radius: var(--ck-border-radius) !important;\n}\n\n.ck.ck-dropdown__panel.ck-dropdown__panel_se,\n.ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners,\n.ck.ck-dropdown\n .ck-dropdown__panel\n .ck-list\n .ck-list__item:first-child\n .ck-button.ck-rounded-corners,\n.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list,\n.ck-rounded-corners\n .ck.ck-dropdown\n .ck-dropdown__panel\n .ck-list\n .ck-list__item:first-child\n .ck-button {\n border-top-left-radius: var(--ck-border-radius) !important;\n}\n\n/* content */\n.ck.ck-content[dir='ltr'] ul {\n padding-left: 40px;\n}\n\n.ck.ck-content[dir='rtl'] ul {\n padding-right: 40px;\n}\n\n/* code blocks */\n.ck.ck-editor__editable pre[data-language]::after {\n top: 0 !important;\n text-shadow: none;\n border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);\n}\n\n/* vertical panel dropdowns */\n.ck.ck-link-form_layout-vertical .ck.ck-dropdown {\n display: block;\n margin: var(--ck-spacing-large) var(--ck-spacing-large)\n var(--ck-spacing-small);\n}\n\n.ck.ck-link-form_layout-vertical\n .ck.ck-dropdown\n .ck-button.ck-dropdown__button\n .ck-button__label {\n width: 100%;\n}\n\n.ck.ck-link-form_layout-vertical .ck.ck-dropdown__panel .ck.ck-list {\n margin: 0;\n}\n\n/* word count */\n.ck-with-show-word-count .ck.ck-content {\n border-radius: 0 !important;\n}\n\n.ck-word-count {\n padding: var(--s) var(--m);\n border: solid var(--ck-color-base-border);\n border-width: 0 1px 1px;\n border-bottom-left-radius: var(--ck-border-radius);\n border-bottom-right-radius: var(--ck-border-radius);\n background: var(--ck-color-base-background);\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/ckeditor5-craftcms.css","mappings":"AACA,MACE,uDAAyD,CACzD,qDAA2D,CAC3D,0FAGA,kFAGA,0DAA4D,CAC5D,gFAIA,qFAGA,2EAA6E,CAC7E,sDAAwD,CACxD,oFAGA,4DAA8D,CAC9D,sEAAyE,CACzE,0EAA4E,CAC5E,oEAAsE,CACtE,mEAAqE,CACrE,kDAA0D,CAC1D,2CAA6C,CAC7C,+DAAiE,CACjE,uDAAyD,CACzD,qFAEA,kCAAoC,CACpC,+BAAgC,CAChC,oCAAqC,CACrC,sCAAuC,CAGzC,oEACE,mBAGF,oFAIE,0BAGF,+BACE,0IAOF,oEACE,kDAGF,uBACE,sBAGF,+BACE,gBACA,kBAGF,oDACE,iBAGF,qDACE,4DACA,6DAGF,2XAcE,yDAIF,2BACE,kBAGF,2BACE,mBAIF,iDAGE,kEADA,iBADA,eAEA,CAIF,iDACE,cACA,+EAIF,kGAIE,WAGF,oEACE,SAIF,wCACE,0BAGF,eAME,2CAJA,yCAEA,kDACA,mDAFA,uBAFA,yBAKA","sources":["webpack://CKEditor5.craftcms/./ckeditor5-craftcms.css"],"sourcesContent":["/* CSS variables */\n:root {\n --ck-border-radius: var(--small-border-radius) !important;\n --ck-color-base-border: hsl(212, 25%, 50%, 0.25) !important;\n --ck-color-button-default-active-background: var(\n --ui-control-active-bg-color\n ) !important;\n --ck-color-button-default-hover-background: var(\n --ui-control-bg-color\n ) !important;\n --ck-color-split-button-hover-border: transparent !important;\n --ck-color-split-button-hover-background: hsl(\n var(--gray-400-hsl),\n 0.1\n ) !important;\n --ck-color-button-on-active-background: var(\n --ui-control-active-bg-color\n ) !important;\n --ck-color-button-on-background: var(--ui-control-active-bg-color) !important;\n --ck-color-button-on-color: var(--text-color) !important;\n --ck-color-button-on-hover-background: var(\n --ui-control-active-bg-color\n ) !important;\n --ck-color-focus-border: hsl(var(--dark-focus-hsl)) !important;\n --ck-color-focus-outer-shadow: hsl(var(--dark-focus-hsl), 0.5) !important;\n --ck-color-list-button-on-background-focus: var(--dark-sel-color) !important;\n --ck-color-list-button-on-background: var(--dark-sel-color) !important;\n --ck-color-shadow-drop-active: var(--ck-color-shadow-drop) !important;\n --ck-color-shadow-drop: hsl(210, 24%, 16%, 0.2) !important;\n --ck-color-text: var(--text-color) !important;\n --ck-color-toolbar-border: var(--ck-color-base-border) !important;\n --ck-drop-shadow-active: var(--ck-drop-shadow) !important;\n --ck-drop-shadow: 0 0 0 1px hsl(210, 24%, 16%, 0.1),\n 0 5px 20px hsl(210, 24%, 16%, 0.25) !important;\n --ck-spacing-unit: 0.69em !important;\n --ck-powered-by-line-height: 8px;\n --ck-powered-by-padding-vertical: 0px;\n --ck-powered-by-padding-horizontal: 0px;\n}\n\n.ck.ck-sticky-panel .ck-sticky-panel__content_sticky .ck.ck-toolbar {\n border-top-width: 0;\n}\n\n.ck.ck-button:active,\n.ck.ck-button:focus,\na.ck.ck-button:active,\na.ck.ck-button:focus {\n box-shadow: none !important;\n}\n\n.ck.ck-editor__editable_inline {\n padding: calc(var(--m) - 2px) var(--m)\n calc(\n var(--m) + var(--ck-powered-by-line-height) +\n var(--ck-powered-by-padding-vertical)\n ) !important;\n}\n\n.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {\n box-shadow: var(--ck-focus-outer-shadow) !important;\n}\n\n.ck.ck-dropdown__panel {\n border: none !important;\n}\n\n.ck.ck-dropdown__panel-visible {\n max-height: 50vh;\n overflow-y: scroll;\n}\n\n.ck-toolbar-dropdown .ck.ck-dropdown__panel-visible {\n overflow: visible;\n}\n\n.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {\n border-bottom-left-radius: var(--ck-border-radius) !important;\n border-bottom-right-radius: var(--ck-border-radius) !important;\n}\n\n.ck.ck-dropdown__panel.ck-dropdown__panel_se,\n.ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners,\n.ck.ck-dropdown\n .ck-dropdown__panel\n .ck-list\n .ck-list__item:first-child\n .ck-button.ck-rounded-corners,\n.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list,\n.ck-rounded-corners\n .ck.ck-dropdown\n .ck-dropdown__panel\n .ck-list\n .ck-list__item:first-child\n .ck-button {\n border-top-left-radius: var(--ck-border-radius) !important;\n}\n\n/* content */\n.ck.ck-content[dir='ltr'] ul {\n padding-left: 40px;\n}\n\n.ck.ck-content[dir='rtl'] ul {\n padding-right: 40px;\n}\n\n/* code blocks */\n.ck.ck-editor__editable pre[data-language]::after {\n top: 0 !important;\n text-shadow: none;\n border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);\n}\n\n/* vertical panel dropdowns */\n.ck.ck-link-form_layout-vertical .ck.ck-dropdown {\n display: block;\n margin: var(--ck-spacing-large) var(--ck-spacing-large)\n var(--ck-spacing-small);\n}\n\n.ck.ck-link-form_layout-vertical\n .ck.ck-dropdown\n .ck-button.ck-dropdown__button\n .ck-button__label {\n width: 100%;\n}\n\n.ck.ck-link-form_layout-vertical .ck.ck-dropdown__panel .ck.ck-list {\n margin: 0;\n}\n\n/* word count */\n.ck-with-show-word-count .ck.ck-content {\n border-radius: 0 !important;\n}\n\n.ck-word-count {\n padding: var(--s) var(--m);\n border: solid var(--ck-color-base-border);\n border-width: 0 1px 1px;\n border-bottom-left-radius: var(--ck-border-radius);\n border-bottom-right-radius: var(--ck-border-radius);\n background: var(--ck-color-base-background);\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/web/assets/ckeditor/src/ckeditor5-craftcms.css b/src/web/assets/ckeditor/src/ckeditor5-craftcms.css index 1193aa92..16a010a5 100644 --- a/src/web/assets/ckeditor/src/ckeditor5-craftcms.css +++ b/src/web/assets/ckeditor/src/ckeditor5-craftcms.css @@ -70,6 +70,10 @@ a.ck.ck-button:focus { overflow-y: scroll; } +.ck-toolbar-dropdown .ck.ck-dropdown__panel-visible { + overflow: visible; +} + .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on { border-bottom-left-radius: var(--ck-border-radius) !important; border-bottom-right-radius: var(--ck-border-radius) !important;