Styling with Emotion's css prop
まだ誰も着手していません。
評価
調査の方向性
この issue ではソースファイルもテストも指定されていません。まず、提供された Tooltip と Emotion css-prop の例を再現し、その後、Tooltip がスタイル用 props をどのように受け取り、転送しているかを調査してください。完了の条件は、スタイルが適用されない理由を特定し、回帰チェックによってその動作を文書化または修正することです。
索引モデルが issue の本文から書いたものです。
説明
I tried styling the tooltip with Emotion's css prop:
const tooltipStyle = css`
.rc-tooltip {
background: yellow;
&.rc-tooltip-hidden {
display: none;
}
}
`;
function handle (node) {
return (
<Tooltip css={tooltipStyle} placement="top" overlay={<span>tooltip</span>}>
{ node }
</Tooltip>
);
}
But the styles aren't being applied. What could be the reason?
- 主要言語
- TypeScript
- スター
- 944
- フォーク
- 199
- 平均マージ
- 19時間 1分
- マージ済み PR（30日）
- 3
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react-component/tooltip のほかの issue
-
難易度 3/5 1〜2日 初心者へのやさしさ 64/100
react-component/tooltip#510 · コメント 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
react-component/tooltip#499 · コメント 1 件 · リアクション 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
react-component/tooltip#488 · コメント 4 件 · リアクション 2 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 35/100
react-component/tooltip#487 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
react-component/tooltip#483 ·
react-component/tooltip の issue をすべて見る
似ている issue
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
-
Mend: dependency security vulnerability untriaged
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100