-
Notifications
You must be signed in to change notification settings - Fork 0
Feature/23 linked icon #42
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
Conversation
Related issue
|
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.
package.json, package-lock.jsonも変更加わってると思うからあげといて!
じゃないと他のメンバーがビルドする時にエラー出ちゃうから
font-weight: 400; | ||
display: inline-block; | ||
letter-spacing: 0.05em; | ||
width: 79px; |
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.
ここ横幅固定じゃなくて動的に変わるようにしてほしい
bottom: -5px; | ||
left: 50%; | ||
transform: translateX(-50%); | ||
width: 120px; |
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.
ここも親要素に合わせて横幅大きくしてほしい!
}, | ||
}; | ||
|
||
export const Blog2: Story = { |
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.
Blog1→Default
Blog2→HeaderLinkIsActive
みたいな命名にして、この2つだけでも十分かも!
俺が全部書いてっていっちゃったのが良くなった
@@ -0,0 +1,19 @@ | |||
.language-label { | |||
width: auto; | |||
font-family: 'Tilt Warp'; |
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.
ここごめーんFigmaでミスフォント選択してた><
Noto Sanas JPに修正したからfont-family消しといて、
基本NotoSansJP以外使わない方針だから、もしこう言うのあったらdiscordで聞いてほしい!
font-weightを900にしといて!
} | ||
|
||
.Button-label { | ||
font-family: 'Noto Sans JP'; |
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.
大元のcssでNoto Sans JP指定してあるからフォントの指定はしなくていいよ!!
後々別のフォント適応する場合にも変えやすいようにfont-familyの指定はコンポーネントごとには基本しなくて大丈夫!
@@ -0,0 +1,18 @@ | |||
.Button-link { | |||
width: 188px; |
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.
ここ文字数が多くなってもはみさないようにmin-widthに変更しといて!
|
||
.Button-label { | ||
font-family: 'Noto Sans JP'; | ||
width: 97px; |
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.
文字数によって横幅変えたいからここのwidthの指定はいらない!
}, | ||
}; | ||
|
||
export const Detail2: Story = { |
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.
あんまり1、2みたいな命名は良くないから
Detail1→Detail
Detail2→DetailWithOutlined
みたいな感じかな!
チーム開発では命名でどんな要素かわかるような命名が大事!
app/root.tsx
Outdated
{ | ||
rel: "stylesheet", | ||
href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined", | ||
}, |
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.
ごめん!ここの変更要らなかった!
ここの4行消しといて!!
Deploying object-t-website-dev-storybook with
|
Latest commit: |
02a977a
|
Status: | ✅ Deploy successful! |
Preview URL: | https://2ce8c2e7.object-t-website.pages.dev |
Branch Preview URL: | https://feature-23-linked-icon.object-t-website.pages.dev |
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.
LGTM!!!!!!!!!!!!!
まじでお疲れ様でした!!!!!!
関連チケット
変更内容
動作確認
その他