diff --git a/theme/ckeditor5-table/tablecellproperties.css b/theme/ckeditor5-table/tablecellproperties.css index 1969759..08a8f9e 100644 --- a/theme/ckeditor5-table/tablecellproperties.css +++ b/theme/ckeditor5-table/tablecellproperties.css @@ -7,9 +7,9 @@ width: 320px; & .ck-form__row { - & .ck-table-cell-properties-form__background, - & .ck-table-cell-properties-form__padding { - width: 50%; + &.ck-table-cell-properties-form__dimensions-row, + &.ck-table-cell-properties-form__padding-row { + padding: 0; } &.ck-table-cell-properties-form__alignment-row { @@ -17,5 +17,23 @@ background: none; } } + + & .ck-table-cell-properties-form__padding-row { + width: 35%; + } + + &.ck-table-cell-properties-form__dimensions-row { + & .ck-labeled-view > .ck-label { + font-size: 10px; + } + + & .ck-table-cell-properties-form__width { + margin-right: var(--ck-spacing-small); + } + + & .ck-table-cell-properties-form__height { + margin-left: var(--ck-spacing-small); + } + } } } diff --git a/theme/ckeditor5-table/tableform.css b/theme/ckeditor5-table/tableform.css new file mode 100644 index 0000000..853d812 --- /dev/null +++ b/theme/ckeditor5-table/tableform.css @@ -0,0 +1,14 @@ +/* + * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. + * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license + */ + +.ck.ck-table-form { + & .ck-table-form__dimension-operator { + margin: 0; + align-self: start; + display: inline-block; + height: var(--ck-ui-component-min-height); + line-height: var(--ck-ui-component-min-height); + } +} diff --git a/theme/ckeditor5-table/tableproperties.css b/theme/ckeditor5-table/tableproperties.css index e1faf6f..320e68b 100644 --- a/theme/ckeditor5-table/tableproperties.css +++ b/theme/ckeditor5-table/tableproperties.css @@ -9,8 +9,7 @@ & .ck-form__row { &.ck-table-properties-form__dimensions-row, &.ck-table-properties-form__alignment-row { - padding-left: 0; - padding-right: 0; + padding: 0; } &.ck-table-properties-form__dimensions-row { @@ -22,14 +21,6 @@ margin-right: var(--ck-spacing-small); } - & .ck-table-properties-form__dimension-operator { - margin: 0; - align-self: start; - display: inline-block; - height: var(--ck-ui-component-min-height); - line-height: var(--ck-ui-component-min-height); - } - & .ck-table-properties-form__height { margin-left: var(--ck-spacing-small); }