Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

fix: layout inconsistencies 2 cp-13.12.0#38416

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 ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Open
n3ps wants to merge1 commit intomain
base:main
Choose a base branch
Loading
fromn3ps/fix-more-layout

Conversation

@n3ps
Copy link
Contributor

@n3psn3ps commentedNov 29, 2025
edited
Loading

Description

Fixes layout inconsistencies in Notifcations and Permissions

Open in GitHub Codespaces

Changelog

CHANGELOG entry: fix: layout inconsistencies

Related issues

Fixes:

Manual testing steps

  1. Open in sidepanel
  2. Globe icon > Manage Permissions
  3. Menu > Notifications & Notifications Settings

Screenshots/Recordings

Before

image

After

image

Pre-merge author checklist

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Note

Replaces the NotificationsPage wrapper with Page across notifications screens, updates page styles for sidepanel/snap, and routes Review Permissions via RootLayout.

  • UI/Notifications:
    • ReplaceNotificationsPage usage withPage innotification-details,notifications-settings, andnotifications.
    • Removeui/components/multichain/notifications-page/* (component, stories, tests) and its export fromui/components/multichain/index.js.
    • Adddata-testid="notifications-page" to<Page>.
  • Styles (ui/components/multichain/pages/page/index.scss):
    • Remove conditional padding and inner container shadow; keep header variant styling.
    • Add zero-padding rules for.snap-view > .multichain-page and.app--sidepanel .multichain-page.
  • Routing (ui/pages/routes/routes.component.tsx):
    • Change${REVIEW_PERMISSIONS}/:origin layout fromLegacyLayout toRootLayout.

Written byCursor Bugbot for commit2d4f075. This will update automatically on new commits. Configurehere.

@n3psn3ps requested review froma team ascode ownersNovember 29, 2025 01:53
@github-actions
Copy link
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@metamaskbotmetamaskbot added the team-core-extension-uxCore Extension UX team labelNov 29, 2025
@metamaskbot
Copy link
Collaborator

metamaskbot commentedNov 29, 2025
edited
Loading

✨ Files requiring CODEOWNER review ✨

👨‍🔧@MetaMask/core-extension-ux (6 files, +0 -105)
  • 📁 ui/
    • 📁 components/
      • 📁 multichain/
        • 📁 notifications-page/
          • 📄index.js+0 -1
          • 📄notifications-page.stories.tsx+0 -27
          • 📄notifications-page.test.tsx+0 -30
          • 📄notifications-page.tsx+0 -38
        • 📁 pages/
          • 📁 page/
            • 📄index.scss+0 -8
          • 📄index.js+0 -1

🔔@MetaMask/notifications (8 files, +12 -112)
  • 📁 ui/
    • 📁 components/
      • 📁 multichain/
        • 📁 notifications-page/
          • 📄index.js+0 -1
          • 📄notifications-page.stories.tsx+0 -27
          • 📄notifications-page.test.tsx+0 -30
          • 📄notifications-page.tsx+0 -38
    • 📁 pages/
      • 📁 notification-details/
        • 📄notification-details.stories.tsx+3 -4
        • 📄notification-details.tsx+3 -4
      • 📁 notifications/
        • 📄notifications.tsx+3 -4
      • 📁 notifications-settings/
        • 📄notifications-settings.tsx+3 -4

@n3psn3ps changed the titlefix layout inconsistenciesfix: layout inconsistenciesNov 29, 2025
@n3psn3ps changed the titlefix: layout inconsistenciesfix: layout inconsistencies cp-13.12.0Nov 29, 2025
@n3psn3ps changed the titlefix: layout inconsistencies cp-13.12.0fix: layout inconsistencies 2 cp-13.12.0Nov 29, 2025
@metamaskbot
Copy link
Collaborator

Builds ready [2d4f075]
UI Startup Metrics (1212 ± 112 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup12121007157011212811414
load1025858135210010811239
domContentLoaded101985513459910781235
domInteractive2614168232082
firstPaint55077136440610061175
backgroundConnect21419626915219251
firstReactRender27196782842
getState3415123174059
initialActions104111
loadScripts8126521139988661000
setupStore1162631118
numNetworkReqs1257821574
BrowserifyPower User HomeuiStartup20441695261622722062512
load1016894147813010051337
domContentLoaded100288514681319931331
domInteractive35171823131123
firstPaint5789014784139641338
backgroundConnect263191770123226529
firstReactRender5739113136190
getState19614469988197268
initialActions105112
loadScripts79768212551317801125
setupStore18104052126
numNetworkReqs102652875695272
WebpackStandard HomeuiStartup814687106681851970
load63456483271658798
domContentLoaded62956081870655793
domInteractive2615102212289
firstPaint21772834172186765
backgroundConnect1067391123
firstReactRender28203963338
getState251262113344
initialActions103112
loadScripts62755780969652787
setupStore1062631217
numNetworkReqs1257820571
WebpackPower User HomeuiStartup16021278221626018452102
load669585100690672935
domContentLoaded659578100091663930
domInteractive35171792832107
firstPaint31096953214376742
backgroundConnect53762312918521
firstReactRender59448896475
getState18114272776180214
initialActions102112
loadScripts65757699289661922
setupStore20772112245
numNetworkReqs1696643184217412
FirefoxBrowserifyStandard HomeuiStartup13721073190616414811673
load1131926149012011911385
domContentLoaded1130926149012011911385
domInteractive66312023488138
firstPaint------
backgroundConnect51232123467120
firstReactRender23184742434
getState137214221028
initialActions102012
loadScripts1097911147211211471360
setupStore145166191237
numNetworkReqs1156516659
BrowserifyPower User HomeuiStartup26002014403034327503192
load11981023177014412051503
domContentLoaded11981022176914412051503
domInteractive12937462100118418
firstPaint------
backgroundConnect12128798104128369
firstReactRender6342132166799
getState28457997210318795
initialActions2135323
loadScripts11601003158812911651478
setupStore18721860229211772
numNetworkReqs101633186678250
WebpackStandard HomeuiStartup15301288204014515891832
load12601097161210113131463
domContentLoaded12591096161210113131463
domInteractive60271873280125
firstPaint------
backgroundConnect51201963653158
firstReactRender28207482938
getState147128131431
initialActions104122
loadScripts1230108315829312801427
setupStore156210241137
numNetworkReqs1256816763
WebpackPower User HomeuiStartup29672187596677730474690
load14661139313645114072756
domContentLoaded14651138313645114072749
domInteractive11529102813495450
firstPaint------
backgroundConnect163351317241147974
firstReactRender64372092765118
getState330701248260493878
initialActions2130327
loadScripts13711116298032913622059
setupStore1356775166157479
numNetworkReqs98502505881243
📊 Page Load Benchmark Results

Current Commit:2d4f075 |Date: 11/29/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.01s (±40ms) 🟡 | historical mean value: 1.04s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 700ms (±36ms) 🟢 | historical mean value: 724ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 78ms (±13ms) 🟢 | historical mean value: 81ms ⬇️ (historical data)

📈 Detailed Results

MetricMeanStd DevMinMaxP95P99
pageLoadTime1.01s40ms982ms1.29s1.04s1.29s
domContentLoaded700ms36ms675ms956ms730ms956ms
firstPaint78ms13ms64ms192ms88ms192ms
firstContentfulPaint78ms13ms64ms192ms88ms192ms
largestContentfulPaint0ms0ms0ms0ms0ms0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: -2.3 KiB (-0.03%)
  • common: 20 Bytes (0%)

Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

size-Mteam-core-extension-uxCore Extension UX team

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@n3ps@metamaskbot

[8]ページ先頭

©2009-2025 Movatter.jp