-
Notifications
You must be signed in to change notification settings - Fork 220
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
imprv: design of scrollbar in sidebar #8512
imprv: design of scrollbar in sidebar #8512
Conversation
} from '~/stores/ui'; | ||
|
||
import { DrawerToggler } from '../Common/DrawerToggler'; | ||
import { StickyStretchableScroller } from '../StickyStretchableScroller'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
v6 で実装していたこの複雑すぎるコンポーネントはここでは必要ない(navbar がなくなったことで、高さを自動計算する必要がなくなった)
simplebar-react を使ってください
追加するコードもここまで大仰にはならないはず
style={{ maxHeight: simplebarMaxHeight }} | ||
> | ||
<SidebarContents /> | ||
</SimpleBar> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
maxHeight の計算必要なのか?
simplebar-react の example を見るに、ref を指定して自動計算させることは可能に見える
reg-suit detected visual differences. Check this report, and review them. 🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴 What do the circles mean?The number of circles represent the number of changed images.🔴 : Changed items, ⚪ : New items, ⚫ : Deleted items, and 🔵 Passed items How can I change the check status?If reviewers approve this PR, the reg context status will be green automatically. |
タスク
https://redmine.weseek.co.jp/issues/141061
概要
サイドバー内のスクロールバーがブラウザデフォルトのものになってしまっていたので、専用のスクロールバー(v6と同じもの)に置き換えた。
変更点
screen shot
セルフチェック