react-notion-x icon indicating copy to clipboard operation
react-notion-x copied to clipboard

Make checkbox style closer to notion's

Open FranciscoMoretti opened this issue 3 years ago • 2 comments
trafficstars

Description

Make checkbox style match notion's in the aspects described in this issue #356.

The checkbox visuals are a bit inconsistent with an official notion page.

  • For checked: The size of the check mark is a bit bigger in react-notion-x
  • For unchecked: The border is a bit thinner in react-notion-x

Notion Test Page ID

Comparison:

from react-notion-x vertical

from_react_notion_x_vertical

From notion.so vertical

from_notion_so_vertical

New checkbox vertical

new_checkbox_vertical

Each individual image with the link to the test page:

From minimal example react-notion-x page https://react-notion-x-demo.transitivebullsh.it/38fa73d49b8f40aab1f3f8c82332e518 from_react_notion_x

From notion.so example page https://www.notion.so/Checklists-38fa73d49b8f40aab1f3f8c82332e518 from_notion_so

Nex checkboxes in minimal example react-notion-x page (tested locally) new_checkbox

FranciscoMoretti avatar Aug 25 '22 14:08 FranciscoMoretti

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
react-notion-x ❌ Failed (Inspect) Aug 25, 2022 at 2:14PM (UTC)
react-notion-x-minimal-demo ✅ Ready (Inspect) Visit Preview Aug 25, 2022 at 2:14PM (UTC)

vercel[bot] avatar Aug 25 '22 14:08 vercel[bot]

One of the builds fail, I'm not able to see the details in Vercel. When I click details it takes me to a 404 page.

FranciscoMoretti avatar Aug 28 '22 08:08 FranciscoMoretti