Browse Source

Merge pull request #203 from ckeditor/t/ckeditor5-media-embed/35

Feature: Implemented the `.ck-labeled-input__status` for labeled input's tips and errors. Replaced the `.ck-labeled-input__error` class with `.ck-labeled-input__status_error`. Fixed breaking layout when the status is longer than the labeled input (see ckeditor/ckeditor5-media-embed#35).

BREAKING CHANGE: The `.ck-labeled-input__error` class has been replaced with `.ck-labeled-input__status_error`.
Aleksander Nowodzinski 7 years ago
parent
commit
cd5a894761

+ 9 - 2
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/labeledinput/labeledinput.css

@@ -3,8 +3,15 @@
  * For licensing, see LICENSE.md.
  */
 
-.ck.ck-labeled-input .ck-labeled-input__error {
+.ck.ck-labeled-input .ck-labeled-input__status {
 	font-size: var(--ck-font-size-small);
-	color: var(--ck-color-base-error);
 	margin-top: var(--ck-spacing-small);
+
+	/* Let the info wrap to the next line to avoid stretching the layout horizontally.
+	The status could be very long. */
+	white-space: normal;
+}
+
+.ck.ck-labeled-input .ck-labeled-input__status_error {
+	color: var(--ck-color-base-error);
 }