Skip to content

DropdownButtonバグ対応&disabled対応 #52

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

Merged
merged 3 commits into from
Jun 3, 2020
Merged

Conversation

youchann
Copy link
Contributor

@youchann youchann commented Jun 2, 2020

  • onBlurの際もonClickが走るのでfix
  • splitなボタンなのにトグル押してもonClickが走るのでfix

@youchann youchann added the bug Something isn't working label Jun 2, 2020
@youchann youchann self-assigned this Jun 2, 2020
Copy link
Contributor

@kinokoruumu kinokoruumu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTMです!

@youchann
Copy link
Contributor Author

youchann commented Jun 2, 2020

ついでにdisabledも対応した。

@youchann youchann added the enhancement New feature or request label Jun 2, 2020
@youchann
Copy link
Contributor Author

youchann commented Jun 3, 2020

@kinokoruumu
追加分の変更もみていただけると:bow:

@youchann youchann requested a review from kinokoruumu June 3, 2020 00:05
@youchann youchann changed the title DropdownButtonバグ対応 DropdownButtonバグ対応&disabled対応 Jun 3, 2020
@@ -16,6 +16,9 @@ export const SplitToggle = styled(Button)`
border-left: 1px solid ${({ theme }) => theme.palette.primary.deepDark};
padding: 0 ${({ theme, size }) => (size === "small" ? 0 : theme.spacing)}px;
min-width: auto;
&:disabled {
border-left: 1px solid ${({ theme }) => theme.palette.divider};
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nits
色しか変わらないならborder-left-colorでいいかも

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

元のスタイルが↓なので、border-left-colorだけだとborderが出なかったです!!

  &:disabled {
    background-color: ${colors.basic[100]};
    color: ${({ theme }) => theme.palette.text.disabled};
    border: 0;
  }

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

あ、そっか!

styled(Button)

ここ見落としてたごめん!

@kinokoruumu
Copy link
Contributor

スクリーンショット 2020-06-03 12 47 14

active時の色がカンプになかったけどすり合わせ済み?

@youchann
Copy link
Contributor Author

youchann commented Jun 3, 2020

active時の色がカンプになかったけどすり合わせ済み?

あーこれ僕が勘で当てた色ですね。
この機会に聞いてみます!

Copy link
Contributor

@kinokoruumu kinokoruumu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

あと色だけよろしく!
LGTMです!

@youchann youchann merged commit 52dbe74 into master Jun 3, 2020
@youchann youchann deleted the fix-dropdown-button branch June 3, 2020 06:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants