Browse Source

Adjusted styles. Code refactoring in styles.

Aleksander Nowodzinski 5 years ago
parent
commit
bab71b07df

+ 1 - 19
packages/ckeditor5-theme-lark/theme/ckeditor5-table/tablecellproperties.css

@@ -7,9 +7,9 @@
 	width: 320px;
 
 	& .ck-form__row {
-		&.ck-table-cell-properties-form__dimensions-row,
 		&.ck-table-cell-properties-form__padding-row {
 			padding: 0;
+			width: 35%;
 		}
 
 		&.ck-table-cell-properties-form__alignment-row {
@@ -17,23 +17,5 @@
 				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);
-			}
-		}
 	}
 }

+ 31 - 11
packages/ckeditor5-theme-lark/theme/ckeditor5-table/tableform.css

@@ -11,21 +11,41 @@
 }
 
 .ck.ck-table-form {
-	& .ck-table-form__border-row {
-		& .ck-labeled-view {
-			& > .ck-label {
-				font-size: var(--ck-font-size-tiny);
+	& .ck-form__row {
+		&.ck-table-form__border-row {
+			& .ck-labeled-view {
+				& > .ck-label {
+					font-size: var(--ck-font-size-tiny);
+					text-align: center;
+				}
+			}
+
+			& .ck-table-form__border-style {
+				width: 80px;
+				min-width: 80px;
 			}
-		}
 
-		& .ck-table-form__border-style {
-			width: 80px;
-			min-width: 80px;
+			& .ck-table-form__border-width {
+				width: 50px;
+				min-width: 50px;
+			}
 		}
 
-		& .ck-table-form__border-width {
-			width: 80px;
-			min-width: 80px;
+		&.ck-table-properties-form__dimensions-row {
+			padding: 0;
+
+			& .ck-labeled-view > .ck-label {
+				font-size: 10px;
+				text-align: center;
+			}
+
+			& .ck-table-properties-form__width {
+				margin-right: var(--ck-spacing-small);
+			}
+
+			& .ck-table-properties-form__height {
+				margin-left: var(--ck-spacing-small);
+			}
 		}
 	}
 

+ 0 - 17
packages/ckeditor5-theme-lark/theme/ckeditor5-table/tableproperties.css

@@ -7,26 +7,9 @@
 	width: 320px;
 
 	& .ck-form__row {
-		&.ck-table-properties-form__dimensions-row,
 		&.ck-table-properties-form__alignment-row {
 			padding: 0;
-		}
-
-		&.ck-table-properties-form__dimensions-row {
-			& .ck-labeled-view > .ck-label {
-				font-size: 10px;
-			}
-
-			& .ck-table-properties-form__width {
-				margin-right: var(--ck-spacing-small);
-			}
 
-			& .ck-table-properties-form__height {
-				margin-left: var(--ck-spacing-small);
-			}
-		}
-
-		&.ck-table-properties-form__alignment-row {
 			& .ck.ck-toolbar {
 				background: none;
 

+ 6 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/labeledview/labeledview.css

@@ -15,3 +15,9 @@
 .ck.ck-labeled-view .ck-labeled-view__status_error {
 	color: var(--ck-color-base-error);
 }
+
+.ck.ck-labeled-view > .ck.ck-label {
+	width: 100%;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}