fix: MUI v6 UI regressions & explorer tab layout cleanup#955
Merged
Conversation
✅ Deploy Preview for tezos-homebase ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Fixes visual regressions introduced by the @material-ui v4 -> @mui v6 migration, plus some explorer tab layout improvements. MUI v6 regressions: - TextField default variant reverted to "standard" globally (v5+ changed it to "outlined", which added a stray notched-outline border to every field the app styles as a filled input). - Replaced dead v4 CSS selectors that no longer match in v6: .MuiInput-underline -> .MuiInput-root (underline pseudo-elements moved onto the root in v5) across all styled text fields; and &$disabled -> &.Mui-disabled on SmallButton/SmallButtonDialog so disabled buttons grey out (background + muted text) instead of showing green with near-white, unreadable text. - New Proposal modal: option cards grew to fit two-line descriptions instead of clipping (fixed height -> minHeight + stretch). Explorer tab cleanup (L1 / Tezos): - Removed redundant in-content page titles and description subtitles from Proposals, Treasury, and Registry (the selected tab is the title). - Proposals: moved Execute / Drop Expired / New Proposal onto the On-Chain/Off-Chain switch row (top right); dropped the empty hero header. - Treasury: moved New Transfer onto the Tokens/NFTs/Transactions switch row; removed Copy Address and the standalone info icon; the disabled-cycle tooltip now sits on the button itself. - Registry: renamed New Item -> Edit/Add Item using the shared SmallButton; tooltip on the button; removed the address/copy header; added a faded empty state (icon + "No items in registry yet..."); hid the update-history header when empty; min-height keeps the footer below the fold. Data resilience: - useDAO now tolerates a lite-backend failure: the supplementary lite fetch is caught so a lite outage no longer takes down the entire on-chain DAO page (was surfacing as a false "being indexed" screen).
EightRice
force-pushed
the
fix/mui-v6-ui-regressions
branch
from
July 6, 2026 14:34
56018ca to
b7cca91
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Fixes visual regressions introduced by the @material-ui v4 → @mui v6 migration (#953), plus a set of explorer tab layout improvements and one data-resilience fix. All changes are on the L1 / Tezos explorer surfaces; the Etherlink path is untouched.
MUI v6 regressions
TextFieldvariant fromstandardtooutlined, so every field the app styles as a filled input gained a stray notched-outline<fieldset>. Restoredvariant: "standard"globally via the theme..MuiInput-underline→.MuiInput-root(the underline pseudo-elements moved onto the root in v5) across all styled text fields — removes the phantom underline.&$disabled→&.Mui-disabledonSmallButton/SmallButtonDialog, and dropped abackgroundColor !importantthat was defeating MUI's disabled greying. Disabled buttons now grey out (grey background + muted text) instead of green-with-unreadable-near-white text.minHeight+ stretch so they grow to fit and stay row-aligned.Explorer tab cleanup (Proposals / Treasury / Registry)
SmallButton; tooltip on the button; removed the address/copy header; added a faded empty state (icon + "No items in registry yet…"); the update-history header is hidden when empty; a min-height keeps the footer below the fold regardless of item count.Data resilience
useDAOnow catches a failure of the supplementary lite-backend fetch, so a lite outage no longer rejects the whole DAO query and mislabels an on-chain DAO as "being indexed."Review on deploy preview