浏览代码

Replace .ck-labeled-input and .ck-labeled-view classes with .ck-labeled-field-view

panr 5 年之前
父节点
当前提交
6f7bcaf4a5

+ 1 - 1
packages/ckeditor5-theme-lark/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 {

+ 2 - 3
packages/ckeditor5-theme-lark/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 @@
 		}
 	}
 }
-

+ 2 - 2
packages/ckeditor5-theme-lark/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;
 			}
 		}

+ 5 - 5
packages/ckeditor5-theme-lark/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;
 		}
 	}

+ 3 - 3
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/labeledfieldview/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;