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

[BUG] 优化存在边框的 Input Group 的显示样式 #2445

Open
1 task done
ilxqx opened this issue Aug 23, 2024 · 2 comments
Open
1 task done

[BUG] 优化存在边框的 Input Group 的显示样式 #2445

ilxqx opened this issue Aug 23, 2024 · 2 comments

Comments

@ilxqx
Copy link

ilxqx commented Aug 23, 2024

Is there an existing issue for this?

  • I have searched the existing issues

Which Component

Input

Semi Version

2.64

Current Behavior

不好描述,截图如下:
image
另外一张:
image

可以看到,里面的输入框组中间的边框重叠了,看着很是难受

Expected Behavior

边框重叠的时候只显示一个边框

Steps To Reproduce

用主题设计系统,将输入框、下拉选择框等等类似输入框的组件的边框全放出来(设置好几个对应的css变量或scss变量)

ReproducibleCode

No response

Environment

- OS: 最新MacOS
- browser: 最新Chrome

Anything else?

难怪我看官网组件库默认的主题中类似输入框的组件都是没有边框的,靠着灰色背景识别各种输入或选择框,难道是因为边框的重叠线不好处理吗?
我们是在不是很喜欢这种默认没有边框(Border)的类似输入框的各种组件,于是我就通过主题定制系统,克隆了一份飞书的主题然后自己改,结果边框的这个问题还挺头大的,不知道官方是否可以解决此问题呢?既然可以通过主题定制系统,那理论上应该考虑通过主题定制出来的系统也可以完美运作呢。

@ilxqx
Copy link
Author

ilxqx commented Aug 23, 2024

我截一张更清楚的图:
image

@YannLynn
Copy link
Collaborator

@DaiQiangReal 康康这个问题

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants