search

monosus / super-static

0 stars 0 forks source link

Idea annotation list 注記リストのスタイリングとスクリプト #46

Closed github-actions[bot] closed 8 months ago

github-actions[bot] commented 8 months ago

This is a draft PR for branch feature_issue-37 related to the issue #37.

Summary by CodeRabbit

- New Feature: 注釈リストのスタイリングを改善しました。注釈の長さに基づいて動的なパディングとインデントが適用されます。
- New Feature: `NoteList`コンポーネントを追加しました。これは子要素をリストアイテムとしてレンダリングし、一意のキーを割り当てます。
github-actions[bot] commented 8 months ago

Image description CodeRabbit

ウォークスルー:
この変更では、注記リストの表示とスタイリングを改善するために、新しいReactコンポーネントNoteListが導入され、それに関連するCSSとヘルパー関数が追加されました。これにより、注記リストの見た目と機能性が向上しています。

変更点:

ファイル 要約
src/assets/entry.ts, src/assets/modules/note-list-helper.ts li[data-annotation]要素が存在する場合に、動的にモジュールをインポートし、そのモジュール内の新たにエクスポートされたnoteListHelper関数を呼び出す新たな条件分岐が追加されています。
src/assets/ui.css, src/components/ui/NoteList/NoteList.css 新たにNoteList.cssというスタイルシートをインポートし、注記リストのスタイリングを行うためのCSSルールを追加しています。
src/components/ui/NoteList/index.tsx, src/pages/index.tsx 新しいReactコンポーネントNoteListが追加され、そのインスタンスが2つ作成されています。このコンポーネントは、子要素とプレフィックスを受け取り、それぞれの子要素をリストアイテムとしてレンダリングします。
Uplevel your code reviews with CodeRabbit Pro ### CodeRabbit Pro If you like this project, please support us by purchasing the [Pro version](https://coderabbit.ai). The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.