fix: 🐛 修复 Toast 英文断行样式错误问题 - #1067
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
✅ Deploy Preview for wot-design-uni ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Walkthrough本次变更主要针对 toast 组件的样式变量进行了增强，将部分原本硬编码的样式值替换为可配置的 SCSS 变量。同时，修正了中英文 locale 文件中 toast 相关的翻译字符串，使其更准确表达“居中 toast”的含义。没有对结构或控制流进行更改。 Changes
Poem
Note ⚡️ AI Code Reviews for VS Code, Cursor, WindsurfCodeRabbit now has a plugin for VS Code, Cursor and Windsurf. This brings AI code reviews directly in the code editor. Each commit is reviewed immediately, finding bugs before the PR is raised. Seamless context handoff to your AI code agent ensures that you can easily incorporate review feedback. Note ⚡️ Faster reviews with cachingCodeRabbit now supports caching for code and dependencies, helping speed up reviews. This means quicker feedback, reduced wait times, and a smoother review experience overall. Cached data is encrypted and stored securely. This feature will be automatically enabled for all accounts on May 30th. To opt out, configure 📜 Recent review detailsConfiguration used: CodeRabbit UI 📒 Files selected for processing (4)
⏰ Context from checks skipped due to timeout of 90000ms (2)
🔇 Additional comments (8)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
Walkthrough此 PR 修复了 Toast 组件在显示英文信息时的断行样式问题。通过添加 Changes
|
![petercat-assistant[bot]](https://avatars.githubusercontent.com/in/875736?s=60&v=4){kind=small}
| @include e(msg) { | ||
| font-size: $-toast-fs; | ||
| line-height: 20px; | ||
| word-break: break-all; |
There was a problem hiding this comment.
确保 word-break: break-all; 不会影响其他语言的显示效果，尤其是在多语言支持的情况下。
组件测试摘要 (H5 平台)测试时间: Wed May 21 15:13:58 UTC 2025测试结果
|
|
Codecov ReportAll modified and coverable lines are covered by tests ✅
❗ Your organization needs to install the Codecov GitHub app to enable full functionality. Additional details and impacted files@@ Coverage Diff @@
## master #1067 +/- ##
==========================================
- Coverage 84.94% 84.61% -0.34%
==========================================
Files 215 12 -203
Lines 17191 650 -16541
Branches 2718 98 -2620
==========================================
- Hits 14603 550 -14053
+ Misses 2588 100 -2488 Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
2 participants
🤔 这个 PR 的性质是？(至少选择一个)
🔗 相关 Issue
💡 需求背景和解决方案
toast信息经常会展示接口异常信息，而其经常为英文，所以添加
word-break:break-all，以解决此问题。☑️ 请求合并前的自查清单
Summary by CodeRabbit
样式
文档