Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Explore normalizing form elements with an explicit height

已关闭
#700 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
5/5
预计耗时
一周以上
新手友好度
35/100
Issue 类型
功能
描述清晰度
需要澄清
活跃度
停滞
技术栈
css
领域
design, frontend

调研方向

从 issue #699 开始,比较 Safari 和 Chrome 中报告的 inputs 和 buttons 高度。确定 36px 的标准高度以及相关的 button border-radius 更改是否在范围内,然后在提到的平台和浏览器上验证结果。

由索引模型根据 Issue 内容生成。

描述

enhancement

When trying to solve for #699, it's become increasingly clear that basing the size of form elements on padding, font size, and line-height might cause issues with keeping things consistent.

For example, inputs in Safari differ in height from Chrome. They're approximately 33px. Buttons are approximately 38px. Normalizing each form element at, say, 36px would allow us to rely way less on flex layout, and would provide a consistent, canonical height to things across each platform, browser, and font.

This work should likely be tied to any aesthetic changes we may want to make to buttons e.g. increasing border radii.

主要语言
TypeScript
星标
674
派生
107
平均合并
2 天 1 小时
30 天内合并 PR
46

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。