search

quran / quran.com-frontend-next

Frontend build on next.js
https://quran.com
1.41k stars 420 forks source link

[bug]: Tooltip content overflows #1810

Closed osamasayed closed 2 years ago

osamasayed commented 2 years ago

Is there an existing issue for this?

Describe the bug

When tooltip text is long enough, it overflows.

Screen Shot 2022-09-25 at 8 11 05 PM

Relevant log output

No response

Steps to reproduce

  1. Go to https://quran.com/27/14
  2. Hover over the 3rd word of the Ayah (وَٱسْتَيْقَنَتْهَآ).
  3. Tooltip text will overflow.

Environment (please complete the following information) and Add any other context about this bug

OS: Mac Monterey 12.5.1 Browser: Chrome Version: 104.0.5112.101

Environment

Production(quran.com)

kowrishankar commented 2 years ago

Asalamu Alikum, Can I pick this up? If so, could you pls assign this to me?

kowrishankar commented 2 years ago

Here is the fix for the bug: https://github.com/quran/quran.com-frontend-next/pull/1812

osamasayed commented 2 years ago

Here is the fix for the bug: #1812

Jazak Allah Kahiran @kowrishankar looks great and already merged!