Ver código fonte

Copy-paste CSS styles for dimensions row in table cell properties view.

Maciej Gołaszewski 6 anos atrás
pai
commit
16a4df15ad

+ 21 - 0
packages/ckeditor5-table/theme/tablecellproperties.css

@@ -5,9 +5,30 @@
 
 
 .ck.ck-table-cell-properties-form {
 .ck.ck-table-cell-properties-form {
 	& .ck-form__row {
 	& .ck-form__row {
+		&.ck-table-cell-properties-form__dimensions-row,
 		&.ck-table-cell-properties-form__alignment-row {
 		&.ck-table-cell-properties-form__alignment-row {
 			flex-wrap: wrap;
 			flex-wrap: wrap;
+		}
+
+		&.ck-table-cell-properties-form__dimensions-row {
+			align-items: center;
+
+			& .ck-table-cell-properties-form__dimension-operator {
+				flex-grow: 0;
+			}
 
 
+			& .ck-labeled-view {
+				display: flex;
+				flex-direction: column-reverse;
+				align-items: center;
+
+				& .ck.ck-dropdown {
+					flex-grow: 0;
+				}
+			}
+		}
+
+		&.ck-table-cell-properties-form__alignment-row {
 			& .ck.ck-toolbar {
 			& .ck.ck-toolbar {
 				flex-grow: 0;
 				flex-grow: 0;
 			}
 			}