the-labo/the-input

パスワード入力フォームのフォント

FujiHaruka opened this issue · 0 comments

FujiHaruka commented

@okunishinishi
パスワード入力フォームのフォントは l と I が区別できたほうがいいと思います。

ここ

the-input/lib/styleData/PasswordStyleData.jsx

Line 10 in 999fb8a

position: 'relative',

に

fontFamily: ['"SFMono-Regular"', '"Consolas"', '"Liberation Mono"', '"Menlo"', '"Courier"', '"Courier New"', '"Tahoma"', '"Verdana"'].join(', '),

を入れればいいのですが、なぜか自分の環境でビルドできなかったので、PRできませんでした。

ビルドのエラーは babylon のやつで、PasswordStyleData.jsx に行を追加すると起きました。

{ SyntaxError: <lib/styleData/PasswordStyleData.jsx> <lib/styleData/PasswordStyleData.jsx> <lib/styleData/PasswordStyleData.jsx> <lib/styleData/PasswordStyleData.jsx> <lib/styleData/PasswordStyleData.jsx> <lib/styleData/PasswordStyleData.jsx> <lib/styleData/PasswordStyleData.jsx> <lib/styleData/PasswordStyleData.jsx> <lib/styleData/PasswordStyleData.jsx> Unexpected token, expected "," (19:6)
    at _class.raise (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:776:15)
    at _class.unexpected (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:2079:16)
    at _class.expect (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:2067:28)
    at _class.parseObj (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:3465:14)
    at _class.parseExprAtom (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:3123:21)
    at _class.parseExprAtom (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:8185:52)
    at _class.parseExprSubscripts (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:2757:21)
    at _class.parseMaybeUnary (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:2736:21)
    at _class.parseExprOps (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:2643:21)
    at _class.parseMaybeConditional (/Users/fujiharuka/rg/the-labo/the-input/node_modules/babylon/lib/index.js:2615:21) pos: 434, loc: Position { line: 19, column: 6 } }