Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix CSS specificity issue with easymde's css #18201

Merged
merged 4 commits into from
Jan 7, 2022

Conversation

silverwind
Copy link
Member

@silverwind silverwind commented Jan 7, 2022

PR #18069 introduced a regression in certain overwritten editor styles because the dynamic loading of easymde.min.css causes its's style to apply after our supposed override styles, so they won in terms of CSS specificity over our styles.

Solve this by bundling the styles from easymde.min.css into index.css. We should later aim to completely replace easymde.min.css with our own styles so there are no more conflicts.

Before:
Screen Shot 2022-01-07 at 03 34 14

After:
Screen Shot 2022-01-07 at 03 34 53

PR go-gitea#18069 introduced a regression in certain overwritten editor styles
because the dynamic loading of easymde.min.css causes its's style to
apply after our supposed override styles.

Solve this by bundling the styles into index.css. We should later aim to
completely replace easymde.min.css completely with our own styles so there
are no more conflicts.
@silverwind silverwind added this to the 1.16.0 milestone Jan 7, 2022
@GiteaBot GiteaBot added the lgtm/need 1 This PR needs approval from one additional maintainer to be merged. label Jan 7, 2022
@GiteaBot GiteaBot added lgtm/done This PR has enough approvals to get merged. There are no important open reservations anymore. and removed lgtm/need 1 This PR needs approval from one additional maintainer to be merged. labels Jan 7, 2022
Copy link
Contributor

@wxiaoguang wxiaoguang left a comment

Choose a reason for hiding this comment

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

fix comment

web_src/js/features/comp/EasyMDE.js Outdated Show resolved Hide resolved
@wxiaoguang wxiaoguang merged commit 3dbdf36 into go-gitea:main Jan 7, 2022
@wxiaoguang wxiaoguang added the skip-changelog This PR is irrelevant for the (next) changelog, for example bug fixes for unreleased features. label Jan 7, 2022
zjjhot pushed a commit to zjjhot/gitea that referenced this pull request Jan 7, 2022
@silverwind silverwind deleted the css-order branch January 7, 2022 19:52
Chianina pushed a commit to Chianina/gitea that referenced this pull request Mar 28, 2022
* Fix CSS specificity issue with easymde's css

PR go-gitea#18069 introduced a regression in certain overwritten editor styles
because the dynamic loading of easymde.min.css causes its's style to
apply after our supposed override styles.

Solve this by bundling the styles into index.css. We should later aim to
completely replace easymde.min.css completely with our own styles so there
are no more conflicts.

* Update web_src/js/features/comp/EasyMDE.js

Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
@go-gitea go-gitea locked and limited conversation to collaborators Apr 28, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
lgtm/done This PR has enough approvals to get merged. There are no important open reservations anymore. skip-changelog This PR is irrelevant for the (next) changelog, for example bug fixes for unreleased features. type/bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants