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

[Tabs]:tab 样式问题。 #1930

Closed
gavin-hao opened this issue Mar 28, 2022 · 1 comment
Closed

[Tabs]:tab 样式问题。 #1930

gavin-hao opened this issue Mar 28, 2022 · 1 comment
Assignees
Labels
🐛 bug Something isn't working

Comments

@gavin-hao
Copy link
Contributor

gavin-hao commented Mar 28, 2022

Describe the bug

  1. 当设置 tabListStyle ={ borderBottom: '1px solid #adb2c2' }样式,会看到2边有个圆角。
  2. 当 tab 中包含 子组件时样式上会出现问题。当出容器宽度较小出现滚动条时,会使整个tabs 滚动,应该仅 tab导航部分滚动。
  3. 建议不要出现滚动条,采用导航容器 transform:translate(x,x) 的方式滚动。比滚动条会和 tab activ hover时的下划线样式重叠 ,且 如果导航和内容有 分割线的情况下样式也有问题。有些浏览器 不支持 滚动条 overflow:overlay,当滚动条出现时 会导致tabs 高度变化
  4. 建议默认选中第一项,当前没有选中任何一项

image

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

@gavin-hao gavin-hao added the 🐛 bug Something isn't working label Mar 28, 2022
@gavin-hao
Copy link
Contributor Author

image

@zhuzilv zhuzilv self-assigned this Mar 28, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants