Skip to content

Restyle ManageAccount button#1837

Merged
lukaw3d merged 4 commits intomasterfrom
lw/manage-acc-btn
Jan 25, 2024
Merged

Restyle ManageAccount button#1837
lukaw3d merged 4 commits intomasterfrom
lw/manage-acc-btn

Conversation

@lukaw3d
Copy link
Copy Markdown
Contributor

@lukaw3d lukaw3d commented Jan 25, 2024

Before After
localhost_3000_account_oasis1qpp0gmh4fug8qnrz8ca233nmvxqlcw6vechczper(laptop1000x600) (1) localhost_3000_account_oasis1qpp0gmh4fug8qnrz8ca233nmvxqlcw6vechczper(laptop1000x600)

@lukaw3d lukaw3d requested a review from buberdds January 25, 2024 15:36
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jan 25, 2024

Deployed to Cloudflare Pages

Latest commit: 6491e233b8996525a68adaa2ade118abf1d367a6
Status:✅ Deploy successful!
Preview URL: https://5503c3da.oasis-wallet.pages.dev

@codecov
Copy link
Copy Markdown

codecov Bot commented Jan 25, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (ff431bd) 81.13% compared to head (367609a) 81.17%.

❗ Current head 367609a differs from pull request most recent head 6491e23. Consider uploading reports for the commit 6491e23 to get more accurate results

Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #1837      +/-   ##
==========================================
+ Coverage   81.13%   81.17%   +0.03%     
==========================================
  Files         192      192              
  Lines        5058     5067       +9     
  Branches      932      932              
==========================================
+ Hits         4104     4113       +9     
  Misses        954      954              
Flag Coverage Δ
cypress 46.20% <100.00%> (+0.12%) ⬆️
jest 76.99% <90.90%> (+0.02%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Coverage Δ
...pp/components/Toolbar/Features/Account/Account.tsx 93.47% <100.00%> (+1.58%) ⬆️

export const Account = memo((props: AccountProps) => {
const { t } = useTranslation()
const size = useContext(ResponsiveContext)
const [isHovering, setIsHovering] = useState(false)
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

button with a hover effect looks a bit weird without horizontal padding

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

do you mean the inner Manage button?
(this line is for whole address + manage + balance)

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

yeah inner Manage
Screenshot from 2024-01-25 18-18-40

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Fixed:
image

lukaw3d added 4 commits January 25, 2024 21:20
Box.hoverIndicator is implemented with simple `:hover` and does not call
backgroundIsDark nor use StyledManageButton.color.light like it does when we
switch background on isActive.
@lukaw3d lukaw3d enabled auto-merge January 25, 2024 20:20
@lukaw3d lukaw3d merged commit 46f72cb into master Jan 25, 2024
@lukaw3d lukaw3d deleted the lw/manage-acc-btn branch January 25, 2024 20:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants