Skip to content

UI – remove problematic legacy .body-wrap, apply UI-standard .core-wrapper and .main-content to DUP#16310

Merged
jacobshandling merged 2 commits intomainfrom
16277-root-cause-solution
Jan 25, 2024
Merged

UI – remove problematic legacy .body-wrap, apply UI-standard .core-wrapper and .main-content to DUP#16310
jacobshandling merged 2 commits intomainfrom
16277-root-cause-solution

Conversation

@jacobshandling
Copy link
Copy Markdown
Contributor

@jacobshandling jacobshandling commented Jan 24, 2024

More global solution to #16277, cleanup to prevent similar bugs

  • Swap out localized solution for standard .main-content containing desired padding

  • Apply .core-wrapper class to parent, in line with all other UI pages

  • Remove problematic legacy .body-wrap

    • spot check all places this class was being applied:
      • PlatformWrapper
      • LiveQuery –> SelectTargets (was causing excess padding here)
      • PackQueriesTable (caused excess padding here)
      • TeamManagementPage (excess padding was being locally negated)
      • EditQueryPage
      • LiveQueryPage
      • DeviceUserPage
    • Remove local styles meant to negate .body-wrap's styles
  • Manual QA for all new/changed functionality

- Spot check all places this class was being applied:
    - PlatformWrapper
    - LiveQuery –> SelectTargets (was causing excess padding here)
    - PackQueriesTable (caused excess padding here)
    - TeamManagementPage (excess padding was being locally nullified)
    - EditQueryPage
    - LiveQueryPage
    - DeviceUserPage (see next commit)
- Remove local styles meant to nullify `.body-wrap`s styles
- Swap out localized solution for standardized `main-content` class containing desired padding
- Apply `.core-wrapper` class to parent, in line with all other UI pages
@jacobshandling jacobshandling requested a review from a team as a code owner January 24, 2024 11:23
@jacobshandling jacobshandling changed the title UI – remove problematic .body-wrap; apply standard .core-wrapper and .main-content to DUP UI – remove problematic .body-wrap, apply UI-standard .core-wrapper and .main-content to DUP Jan 24, 2024
@codecov
Copy link
Copy Markdown

codecov Bot commented Jan 24, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (11fda29) 65.45% compared to head (bb22910) 65.46%.
Report is 15 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #16310   +/-   ##
=======================================
  Coverage   65.45%   65.46%           
=======================================
  Files        1124     1124           
  Lines       97575    97575           
  Branches     2413     2413           
=======================================
+ Hits        63868    63875    +7     
+ Misses      28925    28918    -7     
  Partials     4782     4782           
Flag Coverage Δ
frontend 52.03% <100.00%> (+0.09%) ⬆️

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

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@jacobshandling jacobshandling changed the title UI – remove problematic .body-wrap, apply UI-standard .core-wrapper and .main-content to DUP UI – remove problematic legacy .body-wrap, apply UI-standard .core-wrapper and .main-content to DUP Jan 24, 2024
Copy link
Copy Markdown
Contributor

@gillespi314 gillespi314 left a comment

Choose a reason for hiding this comment

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

LGTM!

@jacobshandling jacobshandling merged commit 07366e9 into main Jan 25, 2024
@jacobshandling jacobshandling deleted the 16277-root-cause-solution branch January 25, 2024 18:48
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