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

Consistent left alignment for non-object and object properties

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

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
52/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
react, typescript
领域
design, frontend

调研方向

Inspect the styles affecting .w-rjv-inner, .w-json-view-container, and .w-rjv-wrap, starting with the existing CSS shown in the issue. Compare the current layout with the provided before and after screenshots, then verify that object and non-object properties share the same left axis without the hacky overrides.

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

描述

Should we nudge the CSS of the w-rjv-inner that are not w-json-view-container so that the text of the non-object properties and object properties lay on the same left hand axis?

Currently we are doing this hack, but it's not pretty 😅

  .w-rjv-wrap {
    padding-left: 1.875rem !important;
  }

  .w-rjv-inner:not(.w-json-view-container):has(.w-rjv-arrow) {
    margin-left: -0.875rem;
  }
Before After
Before After
主要语言
TypeScript
星标
420
派生
24
PR 合并指标
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

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

uiwjs/react-json-view 的其他 Issue

查看 uiwjs/react-json-view 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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