Skip to content
This repository was archived by the owner on Sep 8, 2025. It is now read-only.

Broken appearance#481

Merged
illia-stv merged 3 commits intomasterfrom
ghw/480-broken-appearance
Apr 8, 2024
Merged

Broken appearance#481
illia-stv merged 3 commits intomasterfrom
ghw/480-broken-appearance

Conversation

@illia-stv
Copy link
Copy Markdown
Contributor

@illia-stv illia-stv commented Apr 4, 2024

Updates css styles for fixing broken appearance. Closes: #480

@illia-stv illia-stv self-assigned this Apr 4, 2024
@illia-stv
Copy link
Copy Markdown
Contributor Author

After changes it should look like this:

Copy link
Copy Markdown
Contributor

@mmotyczynska mmotyczynska left a comment

Choose a reason for hiding this comment

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

It looks better, but I'd suggest a few more improvements.

The editor content should have a different background. Compare the two:

Original

GitHub Writer:

The background should be the same colour as the Write tab. If we change this, it would be better for the dropdowns, which don't look good now because everything has the same background colour:
 

Maybe we should also consider adding a border/outline to the dropdown so the user can see exactly where it ends.

We could also consider bumping the CKEditor version.

Copy link
Copy Markdown
Contributor

@pszczesniak pszczesniak left a comment

Choose a reason for hiding this comment

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

As far as i can see - CSS variables in GitHub were changed - for example:

from --color-border-default into --borderColor-default

Maybe would be good to just update those variables names and potentially this could fix the problem, WDYT?

Copy link
Copy Markdown
Contributor

@pszczesniak pszczesniak left a comment

Choose a reason for hiding this comment

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

I've tested it on latest Chrome and Firefox with dark/light/auto theme and all looks like it should 👍

One thing we could update also - background in table in an even row:

https://github.com/ckeditor/github-writer/blob/ghw/480-broken-appearance/src/app/theme/content.css#L125

This variable can be changed into: --bgColor-muted.

@pszczesniak
Copy link
Copy Markdown
Contributor

And this issue: #482 will be also closed by this PR 🎉

@illia-stv illia-stv requested a review from pszczesniak April 8, 2024 10:51
@illia-stv illia-stv merged commit e024306 into master Apr 8, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Broken appearance

3 participants