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

Linkify-Plus-Plus Ruins The Formatting of Quizlet Flash Cards When enabled #59

Open
npn225 opened this issue Aug 4, 2023 · 4 comments

Comments

@npn225
Copy link

npn225 commented Aug 4, 2023

Please take a look at this set of flashcards here!

Whenever there is a URL in a flashcard, Linkify-Plus-Plus ruins the formatting of the flashcard!

In the list above, look at card 219 specifically!

@eight04
Copy link
Owner

eight04 commented Oct 8, 2023

Is there a way to jump to a specific card or do I have to click the right arrow 219 times?

@npn225
Copy link
Author

npn225 commented Oct 8, 2023

Is there a way to jump to a specific card or do I have to click the right arrow 219 times?

Unfortunately, you have to click the right arrow 219 times!

But an example of the problem can also be found on Card 70!

You still have to click the right arrow 70 times - but 70 is 149 times less than 219!

Also, once you reach card 70, make sure to click on the card! This will cause the card to flip and reveal the answer!

The answer is what contains the problem that I am bringing to your attention!

Hope this helps and thanks for your assistance!

@eight04
Copy link
Owner

eight04 commented Feb 16, 2024

So the site displays the card as flexbox container without an inner box. After linkification, the link becomes the inner box and split the text.

Try applying following CSS to the page with a userstyle manager to fix the issue:

  .linkifyplus {
    display: contents;
  }

I wonder if we should put display: contents into the script. I'm not sure if it has negative effects.

@npn225
Copy link
Author

npn225 commented Feb 16, 2024

So the site displays the card as flexbox container without an inner box. After linkification, the link becomes the inner box and split the text.

Try applying following CSS to the page with a userstyle manager to fix the issue:

  .linkifyplus {
    display: contents;
  }

I wonder if we should put display: contents into the script. I'm not sure if it has negative effects.

Thanks, @eight04!

Personally, I'm too lazy to manually alter the site's CSS with a user styles manager when I've already just disabled the script for the particular site in question!

But thank you @eight04, for your response and suggestion!

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

No branches or pull requests

2 participants