MetaMask / MetaMask/metamask-extension

[Bug] useless css Or is the class name browser-chrome missing in the html?

Open
#32,889 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

external-contributor
Dominant language
TypeScript
Stars
13.2k
Forks
5.6k
Avg merge
2d 5h
Merged PRs (30d)
451

Description

### What is this about?

The code in the `ui/css/itcss/components/newui-sections.scss` for fixing UI lag on external monitor is still existing.
The target html DOM is missing the browser.
Is this css style still needed or is the DOM missing the class name?

```
.app.os-mac.browser-chrome::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 1px;
height: 1px;
background-color: var(--color-background-alternative);
animation: emptySpinningDiv 1s infinite linear;
}

@keyframes emptySpinningDiv {
0% { transform: rotate(0deg); }
to { transform: rotate(1turn); }
}

// Main container
.main-container {
display: flex;
flex-direction: column;
z-index: design-system.$main-container-z-index;
}
```

Image

## Reference
https://github.com/MetaMask/metamask-extension/issues/10173
https://github.com/MetaMask/metamask-extension/pull/10952

### Scenario

_No response_

### Design

_No response_

### Technical Details

_No response_

### Threat Modeling Framework

_No response_

### Acceptance Criteria

_No response_

### Stakeholder review needed before the work gets merged

- [ ] Engineering (needed in most cases)
- [ ] Design
- [ ] Product
- [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
- [ ] Security
- [ ] Legal
- [ ] Marketing
- [ ] Management (please specify)
- [ ] Other (please specify)

### References

_No response_

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with ui/css/itcss/components/newui-sections.scss and inspect the current HTML class assignment for the app, operating system, and browser. Compare the behavior and rationale with issues #10173 and pull request #10952. Done means determining whether the rule is obsolete or the browser-chrome class is missing, then documenting or correcting that state.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
frontend, performance
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.