"Dynamic" line breaks in very long text
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 42/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- react, tailwindcss, typescript
- 领域
- frontend
调研方向
从 issue 中显示的 Sidebar.Collapse 标签渲染开始，检查其 Tailwind CSS 类如何处理长文本。完成的标准是长标签能够在空白处换行，不会溢出或破坏侧边栏布局；在相关的侧边栏 UI 中验证该行为。
由索引模型根据 Issue 内容生成。
描述
- I have searched the Issues to see if this bug has already been reported
- I have tested the latest version
Summary
I am working on a project with Preact and shadcn-ui (TailwindCSS) but needed a sidebar navigation and thus came to this project here. I noticed, that very long texts do not get linebreaks. Here is an example:
The piece you see here is actually this:
<Sidebar.Collapse label="Technischorganisatorische Maßnahmen">
<Link to="#">Audits</Link>
<Link to="#">DSFA / Datenschutzfolgeabschätzung</Link>
<Link to="#">Audits</Link>
</Sidebar.Collapse>
Hence, I would like to request a feature whereby long labels like this would get a linebreak separated by their whitespace.
Context
This is just a very simple CRUD application; a few tables and whatnot. But, my supervisor isn't exactly savy and I am the only one in this whole company with a proper development background. Due to my visual impairment however, I am much more of a TUI dude than GUI ;) Doing my best with what I have. I am sure this could be solved with some CSS, but I couldn't figure it out unfortunately...
Thank you and kind regards!
- 主要语言
- TypeScript
- 星标
- 2.2k
- 派生
- 504
- 平均合并
- 19 小时 16 分钟
- 30 天内合并 PR
- 2
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
themesberg/flowbite-react 的其他 Issue
-
fix(Carousel): can't give dynamic children to Carousel可能已有人在做 关联的 PR 仍在进行中或已合并。 未关闭:bug: bug
难度 2/5 1-3 小时 新手友好度 62/100
themesberg/flowbite-react#1469 · 1 条评论 ·
-
Pagination is broken if there is only one page可能已有人在做 @Mukilan1600 于 1021 天前认领。 未关闭:bug: bug confirmed good first issue
难度 2/5 1-3 小时 新手友好度 65/100
themesberg/flowbite-react#1048 · 7 条评论 · 1 个 reaction ·
-
:books: documentation help wanted
难度 5/5 一周以上 新手友好度 35/100
themesberg/flowbite-react#1696 · 2 条评论 ·
-
难度 5/5 一周以上 新手友好度 15/100
themesberg/flowbite-react#1693 ·
-
NavbarCollapse closes when toggling a MegaMenuDropdown on mobile可能重新可做 @sarthak-11231 于 45 天前认领，目前没有进行中的 PR。 未关闭
难度 3/5 1-2 天 新手友好度 58/100
themesberg/flowbite-react#1686 · 2 条评论 ·
查看 themesberg/flowbite-react 的全部 Issue
相似的 Issue
-
area:cards enhancement ready-for-agent
难度 2/5 1-3 小时 新手友好度 66/100
fil-donadoni/tolaria#8883 ·
维护者通常 1 天内回复
-
bug 🐛
难度 2/5 1-3 小时 新手友好度 78/100
comunica/comunica#1960 · 1 条评论 ·
维护者通常 1 天内回复
-
Waiting for: Product Owner
难度 2/5 1-3 小时 新手友好度 76/100
getsentry/sentry-javascript#26203 · 1 条评论 ·
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 76/100
bytedance/flowgram.ai#1235 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 76/100
devswha/herdr-web-ui#3325 ·