NeoTooltip to tailwindcss

[shashkovdanil]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Migration UI kit to tailwindcss #8222
• Requires deployment <snek/rubick/worker>

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality

Optional

• I've tested it at </ksm/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Did your issue had any of the "$" label on it?

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Ecosystem Telegram?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖[deprecated] Generated by Copilot at 58e87f4

Refactored NeoTooltip component to use TailwindCSS instead of custom CSS. This improved the component's performance, style consistency, and code readability.

🤖[deprecated] Generated by Copilot at 58e87f4

Sing, O Muse, of the skillful coder who refined
The NeoTooltip component with a nimble mind.
He cast away the needless import and the CSS vars
And clothed the element in TailwindCSS like a star.

[kodabot]

WARNING @shashkovdanil PR for issue #8222 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #8222

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	742ad66
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/6577342c1c4e5b0008d9e40c
😎 Deploy Preview	https://deploy-preview-8521--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[reviewpad]

AI-Generated Summary: This pull request includes changes aimed to convert the styles of the NeoTooltip component in the UI library from a traditional Sass approach to utilizing Tailwind CSS utility classes. The changes mainly touch two files: NeoTooltip.scss and NeoTooltip.vue.

In NeoTooltip.scss, numerous styles and imports have been removed, particularly those related to theming. The overall addon of complex CSS properties has been replaced with the simplified, utility-based @apply directive from Tailwind CSS. This modification brings a more concise and maintainable approach to style definitions.

The changes in NeoTooltip.vue are minimal, updating class names to reflect the Tailwind CSS style.

Overall, this pull request results in significantly less code, hinting at an increase in readability and maintainability of the code.

[shashkovdanil]

@prury help me to test tooltips please

[roiLeo]

use Tooltip sass variable or class Props when we can

[prury]

@prury help me to test tooltips please

so many, but it seems that they all work properly

[codeclimate]

Code Climate has analyzed commit 742ad66 and detected 0 issues on this pull request.

View more on Code Climate.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication