Merge pull request #276 from ckeditor/i/6553

Internal: Replaced the `.ck-labeled-input` class with `.ck-labeled-field-view` . Closes ckeditor/ckeditor5#6553.
ckeditor · Apr 8, 2020 · e50e1bf · e50e1bf
2 parents 685fead + af6c448
commit e50e1bf
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 14 deletions.
diff --git a/theme/ckeditor5-image/textalternativeform.css b/theme/ckeditor5-image/textalternativeform.css
@@ -30,7 +30,7 @@
 		padding: 0;
 		width: calc(.8 * var(--ck-input-text-width));
 
-		& .ck-labeled-input {
+		& .ck-labeled-field-view {
 			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
 
 			& .ck-input-text {

diff --git a/theme/ckeditor5-link/linkform.css b/theme/ckeditor5-link/linkform.css
@@ -30,7 +30,7 @@
 		padding: 0;
 		width: calc(.8 * var(--ck-input-text-width));
 
-		& .ck-labeled-input {
+		& .ck-labeled-field-view {
 			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
 
 			& .ck-input-text {
@@ -74,7 +74,7 @@
 	padding: 0;
 	min-width: var(--ck-input-text-width);
 
-	& .ck-labeled-input {
+	& .ck-labeled-field-view {
 		margin: var(--ck-spacing-standard) var(--ck-spacing-standard) var(--ck-spacing-small);
 
 		& .ck-input-text {
@@ -122,4 +122,3 @@
 		}
 	}
 }
-
diff --git a/theme/ckeditor5-media-embed/mediaform.css b/theme/ckeditor5-media-embed/mediaform.css
@@ -29,7 +29,7 @@
 		padding: 0;
 		width: calc(.8 * var(--ck-input-text-width));
 
-		& .ck-labeled-input {
+		& .ck-labeled-field-view {
 			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
 
 			& .ck-input-text {
@@ -38,7 +38,7 @@
 			}
 
 			/* Let the long error messages wrap in the narrow form. */
-			& .ck-labeled-input__error {
+			& .ck-labeled-field-view__error {
 				white-space: normal;
 			}
 		}

diff --git a/theme/ckeditor5-table/tableform.css b/theme/ckeditor5-table/tableform.css
@@ -13,7 +13,7 @@
 .ck.ck-table-form {
 	& .ck-form__row {
 		&.ck-table-form__border-row {
-			& .ck-labeled-view {
+			& .ck-labeled-field-view {
 				& > .ck-label {
 					font-size: var(--ck-font-size-tiny);
 					text-align: center;
@@ -34,7 +34,7 @@
 		&.ck-table-form__dimensions-row {
 			padding: 0;
 
-			& .ck-labeled-view > .ck-label {
+			& .ck-labeled-field-view > .ck-label {
 				font-size: 10px;
 				text-align: center;
 			}
@@ -54,8 +54,8 @@
 		}
 	}
 
-	& .ck.ck-labeled-view {
-		& .ck.ck-labeled-view__status {
+	& .ck.ck-labeled-field-view {
+		& .ck.ck-labeled-field-view__status {
 			@mixin ck-rounded-corners;
 
 			background: var(--ck-color-base-error);
@@ -75,7 +75,7 @@
 		}
 
 		/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
-		& .ck-input.ck-error:not(:focus) + .ck.ck-labeled-view__status {
+		& .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
 			display: none;
 		}
 	}

diff --git a/...nts/labeledfieldview/labeledfieldview.css → ...ponents/labeledfield/labeledfieldview.css b/...nts/labeledfieldview/labeledfieldview.css → ...ponents/labeledfield/labeledfieldview.css
@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-.ck.ck-labeled-view .ck-labeled-view__status {
+.ck.ck-labeled-field-view .ck-labeled-field-view__status {
 	font-size: var(--ck-font-size-small);
 	margin-top: var(--ck-spacing-small);
 
@@ -12,11 +12,11 @@
 	white-space: normal;
 }
 
-.ck.ck-labeled-view .ck-labeled-view__status_error {
+.ck.ck-labeled-field-view .ck-labeled-field-view__status_error {
 	color: var(--ck-color-base-error);
 }
 
-.ck.ck-labeled-view > .ck.ck-label {
+.ck.ck-labeled-field-view > .ck.ck-label {
 	width: 100%;
 	text-overflow: ellipsis;
 	overflow: hidden;