iicafiaxus / stamps Goto Github PK

vertical-align か line-height か何かだとは思われる

とりあえず激詰めボタンだけ設置し，実装の意思があることを示す

Slack は 22px

初見では設定項目が多すぎて何をしたら良いか迷いそう

Stamp から props.setStamp を呼んでいるのがまずいらしい

コンソールにエラーも出ている。

文字入力中にフォーカスが外れる現象の対策としてフォーカスをしているが、ボタン操作時は必要がないのでしないべき
モバイルでオンスクリーンキーボードが出没して迷惑

代替のフォントで表示されてしまう
先読みなどをする必要がありそう

canvas で作成するのではなく画像で貼り付ける方が良さそう

ライトモード
自分 rgba 29, 155, 209, 0.1
他人 rgba 29, 28, 29, 0.04
文字 rgba 29, 28, 29
背景 rgb 255, 255, 255
ホバー時 rgb 248, 248, 248

ダークモード
自分 rgb 18, 100, 163
他人 rgba 232, 232, 232, 0.04
文字 rgb 209, 210, 211
背景 rgb 0, 0, 0
ホバー時 rgb 26, 29, 33

setStamp をタイマーの外に移動して様子を見る

opacity などが良い

Slack がそうなので