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

Fixed Firefox text overflow issue #1492

Merged
merged 3 commits into from
Dec 13, 2021

Conversation

Electrenator
Copy link
Contributor

@Electrenator Electrenator commented Dec 9, 2021

This pull request fixes the Firefox overflow issues linked within this description. Both the tests and the cards should work like intended but now without text overflow issue within Firefox. Tests currently don't work because it appears that @supports is not supported by cssToObject used within the tests. I currently have no idea how to fix that test but the cards themself should work.

Fixes #664

Fixes #1134

Tests currently don't work becouse it appears that '@supports' is not supported by cssToObject used within the tests. I currently have no idea how to fix that test but the cards themself appear to not be broken

Fixes anuraghazra#664

Fixes anuraghazra#1134
@vercel
Copy link

vercel bot commented Dec 9, 2021

@Electrenator is attempting to deploy a commit to the github readme stats Team on Vercel.

A member of the Team first needs to authorize it.

@Electrenator Electrenator marked this pull request as draft December 9, 2021 13:26
@Electrenator Electrenator changed the title Fixed Firefox text overflow / overwriting issue Fixed Firefox text overflow issue Dec 9, 2021
@anuraghazra
Copy link
Owner

@Electrenator thanks for the PR, can you try using this cssToObject library instead? https://www.npmjs.com/package/@uppercod/css-to-object

It should work.

Moved the `css-to-object` package to @UpperCod's version for test fix. This doesn't seem to have the same issues as the older package
@Electrenator
Copy link
Contributor Author

Electrenator commented Dec 9, 2021

@Electrenator thanks for the PR, can you try using this cssToObject library instead? https://www.npmjs.com/package/@uppercod/css-to-object

It should work.

Thank you for the other library. That one doesn't seem to have any problems with the used css elements at all. The tests now also work again.

The stats should now look like this:
Correct formatting of stats within Firefox browser
Instead of what it as in Firefox:
Incorrect formatting of stats within Firefox brower

@Electrenator Electrenator marked this pull request as ready for review December 9, 2021 22:46
@codecov
Copy link

codecov bot commented Dec 10, 2021

Codecov Report

Merging #1492 (c6dba0e) into master (798bf72) will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master    #1492   +/-   ##
=======================================
  Coverage   94.68%   94.68%           
=======================================
  Files          22       22           
  Lines         752      752           
  Branches      205      205           
=======================================
  Hits          712      712           
  Misses         36       36           
  Partials        4        4           
Impacted Files Coverage Δ
src/common/Card.js 94.91% <ø> (ø)
src/getStyles.js 56.25% <ø> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 798bf72...c6dba0e. Read the comment docs.

@anuraghazra anuraghazra merged commit b6c184e into anuraghazra:master Dec 13, 2021
kvdomingo pushed a commit to kvdomingo/github-readme-stats that referenced this pull request Jan 29, 2022
* Fixed Firefox text overflow / overwriting issue

Tests currently don't work becouse it appears that '@supports' is not supported by cssToObject used within the tests. I currently have no idea how to fix that test but the cards themself appear to not be broken

Fixes anuraghazra#664

Fixes anuraghazra#1134

* Fixed tests by moving to other css-to-object

Moved the `css-to-object` package to @UpperCod's version for test fix. This doesn't seem to have the same issues as the older package

* chore: cleanup test

Co-authored-by: Anurag <hazru.anurag@gmail.com>
Kab1r pushed a commit to Kab1r/github-readme-stats that referenced this pull request Apr 4, 2022
* Fixed Firefox text overflow / overwriting issue

Tests currently don't work becouse it appears that '@supports' is not supported by cssToObject used within the tests. I currently have no idea how to fix that test but the cards themself appear to not be broken

Fixes anuraghazra#664

Fixes anuraghazra#1134

* Fixed tests by moving to other css-to-object

Moved the `css-to-object` package to @UpperCod's version for test fix. This doesn't seem to have the same issues as the older package

* chore: cleanup test

Co-authored-by: Anurag <hazru.anurag@gmail.com>
lencx pushed a commit to lencx/github-readme-stats that referenced this pull request May 16, 2022
* Fixed Firefox text overflow / overwriting issue

Tests currently don't work becouse it appears that '@supports' is not supported by cssToObject used within the tests. I currently have no idea how to fix that test but the cards themself appear to not be broken

Fixes anuraghazra#664

Fixes anuraghazra#1134

* Fixed tests by moving to other css-to-object

Moved the `css-to-object` package to @UpperCod's version for test fix. This doesn't seem to have the same issues as the older package

* chore: cleanup test

Co-authored-by: Anurag <hazru.anurag@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Wrong text formatting on Firefox Total Commits Rendering Bug
3 participants