DateTimeRangeInput: give the preset list room to breathe
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 78/100
- issue の種類
- 機能追加
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- typescript
- 領域
- frontend
調査の方向性
DateTimeRangeInput のスタイルとプリセットボタンの描画を読み、特に .uic-date-time-range-input__presets と、隣接するカレンダー列および時刻列の間隔を確認してください。ui-common でプリセットの間隔やボタンのサイズを調整し、利用側で一貫して余裕のある配置にしてください。プリセット一覧の間隔がパネルの他の部分と釣り合っていれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Problem
The preset list in DateTimeRangeInput's popover is cramped. .uic-date-time-range-input__presets stacks the presets with gap: var(--spacing-1), and each preset is a sm ghost button, so "Last 1 hour", "Last 24 hours" and "Last 7 days" sit almost touching while the calendar and time columns beside them use --spacing-3.
A consumer cannot adjust it: the popover renders in a portal and the component takes no class or style for it, so the only way is to override .uic-date-time-range-input__presets globally, which breaks silently when the class changes.
Expected
The preset column has spacing in proportion to the rest of the panel (a larger gap and/or md preset buttons), decided in ui-common so every consumer gets the same panel.
Context
Reported while adopting DateTimeRangeInput (#140, #145) for Backend.AI WebUI dashboard card periods (lablup/backend.ai-webui#10915), whose presets are Last 1 hour, Last 24 hours and Last 7 days.
- 主要言語
- TypeScript
- スター
- 2
- フォーク
- 0
- 平均マージ
- 1日 1時間
- マージ済み PR（30日）
- 36
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
lablup/ui-common のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
Tab: render endContent beside the tab button, not inside it対応中かも @ironAiken2 が 1 日前に担当しました。 オープン
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
メンテナーはふだん 1 日以内に返信
-
難易度 4/5 3〜5日 初心者へのやさしさ 43/100
メンテナーはふだん 1 日以内に返信
lablup/ui-common の issue をすべて見る
似ている issue
-
Add: ESP 2 ROオープンapproved check:passed streams:add
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
メンテナーはふだん 1 日以内に返信
-
ipaas: Configure form shows "Deploy to apply." and "Overrides selected Link" when they don't applyオープン
難易度 2/5 1〜3時間 初心者へのやさしさ 67/100
wso2/integration-control-plane#1118 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
UTDNebula/utd-notebook#311 ·
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信