Skip to content
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

Rebrand tooltips #488

Merged
merged 4 commits into from
Nov 20, 2024
Merged

Rebrand tooltips #488

merged 4 commits into from
Nov 20, 2024

Conversation

Anboias
Copy link
Collaborator

@Anboias Anboias commented Nov 15, 2024

Closes #487

What does this do?

Updates tooltips to new branding designs

More info

There are three types of tooltips: default, items and full. Because I didn't find any occurrence of the third one nowhere in the app, I implemented only the first two for now.

"default" type

image

"items" type

image

@Anboias Anboias self-assigned this Nov 15, 2024
@Anboias Anboias force-pushed the 456/rebrand-staking-page branch from 2d179ab to dd9d98e Compare November 15, 2024 11:33
@Anboias Anboias linked an issue Nov 15, 2024 that may be closed by this pull request
@Anboias Anboias force-pushed the 487/rebrand-tooltips branch from f71e100 to bed0c4a Compare November 15, 2024 11:36
Copy link
Collaborator

@peterjurco peterjurco left a comment

Choose a reason for hiding this comment

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

Good job 👏 Looking very nice. And thanks for sorting out also that checklist tooltip 👍

@Anboias Anboias force-pushed the 487/rebrand-tooltips branch from 80a5f77 to d49ee82 Compare November 15, 2024 14:26
@Anboias Anboias changed the base branch from 456/rebrand-staking-page to rebrand November 15, 2024 14:26
@Anboias Anboias force-pushed the 487/rebrand-tooltips branch from d49ee82 to 07a0eb6 Compare November 15, 2024 14:26
@Anboias Anboias changed the base branch from rebrand to 456/rebrand-staking-page November 15, 2024 14:49
Base automatically changed from 456/rebrand-staking-page to rebrand November 20, 2024 12:25
@Anboias Anboias force-pushed the 487/rebrand-tooltips branch from 07a0eb6 to 3b99ecf Compare November 20, 2024 12:35
@Anboias Anboias merged commit 9df2762 into rebrand Nov 20, 2024
3 of 4 checks passed
@Anboias Anboias deleted the 487/rebrand-tooltips branch November 20, 2024 14:11
peterjurco pushed a commit that referenced this pull request Feb 20, 2025
* Update default tooltip

* Update items tooltip

* Fix staking pool table tooltips offset

* Fix unchecked style
bbenligiray pushed a commit that referenced this pull request Mar 3, 2025
* Update default tooltip

* Update items tooltip

* Fix staking pool table tooltips offset

* Fix unchecked style
bbenligiray added a commit that referenced this pull request Mar 3, 2025
* Have renovate ignore api3-dao

* Bump packages and update Actions workflow (#473)

* Bump packages and update Actions workflow

* Revert back to Node.js 16

* Update docker/build-push-action action to v6 (#484)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Update dependency @typechain/ethers-v5 to v11 (#421)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Update dependency prettier to v3

* Prettier

* Add prettier:check

* Require lint to pass prettier check

* Update dependency cypress to v13

* Rol @types/node back to v16

* Rebrand DAO Dashboard - Colors & fonts setup (#458)

* Add new color variables

* Set up new fonts

* Add breakpoints

* Add rebrand branch to CI schedule

* Fix description font styles

* Rebrand page layout (#466)

* Update background

* Update logo

* Update navigation bar

* Update Connect button

* Update desktop menu

* Add External Links

* Update layout dimensions

* Update footer

* Add theme prop to button component

* Update error reporting notice

* Update account dropdown

* Update mobile menu

* Fix unit test

* Fix CY tests

* Fixes after the review

* Fix navigation height

* Fix issues on the very small screens

* Disable scrolling when mobile menu is open

* min width for connect button

* Use ExternalLink instead of Button for links

* Update connected network in the mobile menu

* Layout fixes (#494)

* The layout fix (footer not stretched to the bottom)

* History icon fix

* Add menu hover & active states

* Rebrand staking page (#474)

* Misc additions

* Update page header style

* Update radial chart

* Update Staking page

* Move tooltips to own column

* Style card title

* Correct Connect Wallet info icon size

* Correct Connect Wallet box button

* Adjust card gap

* Add secondary-neutral button variant

* Add gradient border to unstaking card

* Remove unnecesary global classes and fine-tune unstake panel

* Refactor button variants

* Adjust staking panel actions buttons

* Fix Cy tests

* Use data-testid instead of data-cy

* Update pending staking card

* Fix button unclickable bug

* Rebrand tooltips (#488)

* Update default tooltip

* Update items tooltip

* Fix staking pool table tooltips offset

* Fix unchecked style

* Rebrand Governance page (#496)

* Rebrand Governance page

* Fix CY test

* Update header to <h1>

* Rebrand modals (#495)

* Remove unnecessary button wrapper

* Update Modal component

* Add button tertiary variant

* Add button text-blue variant

* Adapt Input component

* Update Deposit  modal

* Update Withdraw/Stake/Unstake modals

* Update Unstake Confirm modal

* Update Unsupported Network modal

* Self review

* Show primary buttons first on mobile

* Adapt to Button component without wrapper

* Update account dropdown  (#505)

* Update Account dropdown

* Apply background only when dropdown is open

* Rebrand New Proposal modal (#500)

* Update New Proposal modal body and labels

* Refactor AutosizeInput component

* Implement Textarea Input component

* Final adjustments New Proposal modal

* Rename AutosizeInput to Input

* Remove old textarea component and update error border color

* Separate TextareaInput into Input and Textarea

* Rebrand Proposals table (#499)

* Rebrand Proposals table

* Add testing capabilities

* Self review (fixing some colors)

* Update Tag cursor

* Rename Tag to ProposalTag

* Rebrand History page (#501)

* Rebrand Proposals table

* Add testing capabilities

* Self review (fixing some colors)

* Update Tag cursor

* Rebrand History page

* Rename Tag to ProposalTag

* Rebrand Unstake banner (#507)

* Rebrand unstake banner

* Move two line design to lower breakpoint

* Add cookie consent logic (#508)

* Add Checkbox component

* Update Notice banner and align logic with Market

* Add Privacy Settings modal

* Fix Cypress tests

* Initialize analytics and sentry

* Add additional check for sentry init

* Prevent default on external link click

* Revert "Prevent default on external link click"

This reverts commit 7c2f4a6.

* Stop propagation of external link in privacy modal

* Omit target and rel props

* Update banner text

* Display proposal title in two lines on non-desktop screens (#512)

* Change Help tooltip to external link in the New Proposal modal (#515)

* Change Help tooltip to external link in the New proposal modal

* Fix uncentered modal title

* Fix console errors (#516)

* Use camelCase in SVG element prop names when they are used as react
components

* Add forgotten key prop

* Do not pass incorrect props to input & textarea

* Rebrand Proposal details (#502)

* Rebrand proposal details

* Add testing capabilities

* Fixes after the review

* Use react components for error & success icons

* Use useId()

* Rename 'Target Address' to 'Target Contract Address'

* Add 404 page (#510)

* Update NotFound page

* Add Proposal page 404 redirect

* Corrections

* Return not found page for undecoded proposal

* Add hideHeader flag to layout

* Update CTA label

* Use BaseLayout

* Remove test code (#517)

* Rebrand Governance page modals (#509)

* Adapt Input component to small size

* Update Delegate modal

* Update Delegation action modal

* Update Undelegate confirmation modal

* Update Vot on proposal modal

* Shorten class names

* Remove value=undefined

* Style the Malicious script warning (#518)

* Update DAO modals (#522)

* Update Unsupported chain modal

* Update delegate modals

* Update staking modals

* Add UI for disconnected state of the proposal page (#523)

Add disconnected proposal page

* Fix breakpoints on 404 page (#526)

* Adjust vote status when voted by delegate (#524)

* Adjust vote status when voted by delegate

* Update  upload-artifact to v4

* Move connect button to the navigation bar on small screens (#525)

* Move Connect button to navigation bar also on small screens

* More explicit condition

* Fix failing cypress test

* Add privacy links & copyright to the footer (#527)

* Add privacy links & copyright to the footer

* Put links into utils file

* Remove unused import

* Rebrand toast messages (#519)

* Update Button component

* Preparatory changes

* Update Toasts style

* Update Clear Storage toast

* Self review

* Temporary testing toasts

* Use customAction and prevent clear storage toast from closing

* Fix Storage btn

* Keep bg colour when autoClose is false

* Remove testing code

* Cleanup after the rebrand (#529)

* Remove unused button styles

* Remove unused BorderedBox component

* Remove old breakpoints

* Remove unused colors

* Remove unused global styles and images

* Fix cy test

* Fixes after QA (#530)

* Return voter status icons

* tokens -> API3 tokens

* Remove Tracker & Forum external links (#532)

* Remove Tracker & Forum external links

* Fix CY tests

* Fix formatting after prettier update

* Remove leftovers

* Disable link checking of fleek deployments

* Update favicon (#534)

* Link DAO docs and not regular docs

* Do not link Api3 Market

* Remove obsolete market icon

* Fix Cypress test

---------

Co-authored-by: Derek Croote <dcroote@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Peter Jurčo <62913177+peterjurco@users.noreply.github.com>
Co-authored-by: Bogdan Iasinovschi <biasinovschi@gmail.com>
Co-authored-by: peterjurco <petrojurco@gmail.com>
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.

Rebrand DAO Dashboard - Tooltips
3 participants