Skip to content
This repository has been archived by the owner on Jun 26, 2020. It is now read-only.

i/6553: Replace .ck-labeled-input and .ck-labeled-view classes with .ck-label-field-view #276

Merged
merged 3 commits into from
Apr 8, 2020

Conversation

panr
Copy link
Contributor

@panr panr commented Apr 6, 2020

Suggested merge commit message (convention)

Fix: Replaced .ck-labeled-input and .ck-labeled-view classes with .ck-labeled-field-view. See ckeditor/ckeditor5#6553.

⚠️Required:


Additional information

These changes fix missing styles after merging ckeditor/ckeditor5/issues/6110.

@panr panr added the pr:sub label Apr 6, 2020
@oleq oleq self-assigned this Apr 7, 2020
@@ -29,7 +29,7 @@
padding: 0;
width: calc(.8 * var(--ck-input-text-width));

& .ck-labeled-input {
& .ck-labeled-field-view {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Something's wrong with the media form

image

and when I remove this rule it goes back to normal:

image

but I see that all forms (link, text alternative) have this style and it works.


Anyway, it is caused by the status text which does not wrap to the next line and removing it "fixes" the problem

image

image

Why it worked before?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We also lost all the colors and font size in the status:

Expected:
image

Actual:

image


It could be that because the font was smaller, issues I mentioned in my previous comment were never visible.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same in the table props dialog, font size is wrong

image

@@ -38,7 +38,7 @@
}

/* Let the long error messages wrap in the narrow form. */
& .ck-labeled-input__error {
& .ck-labeled-field-view__error {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't it also work for non-error statuses?

image

@panr
Copy link
Contributor Author

panr commented Apr 8, 2020

OK, I see what was wrong. I forgot to fix the dir path, so the styles didn't apply. Now everything should work fine.

@panr panr requested a review from oleq April 8, 2020 10:33
@oleq oleq merged commit e50e1bf into master Apr 8, 2020
@oleq oleq deleted the i/6553 branch April 8, 2020 12:30
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants