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

add 72px to avoid teambar in max-width calculations #1329

Merged
merged 2 commits into from
Jul 14, 2022

Conversation

trilopin
Copy link
Contributor

Summary

Now we have team bar, we have to add 72px to our calculatios for max-width

Ticket Link

no ticket

Checklist

  • Telemetry updated
  • Gated by experimental feature flag
  • Unit tests updated

@trilopin trilopin added the 2: Dev Review Requires review by a core committer label Jul 14, 2022
@trilopin trilopin changed the title add 72px to avoid temabar add 72px to avoid teambar Jul 14, 2022
Copy link
Member

@calebroseland calebroseland left a comment

Choose a reason for hiding this comment

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

This is an improvement, but I think we should do a bit more here overall (not now, but followup PRs). I have some doubts on using calcs in this way. A layout like this using grid or flex should be able to resize to it's container without having to use max-widths and such.

CleanShot 2022-07-14 at 11 55 23@2x

CleanShot 2022-07-14 at 11 55 09@2x

(these inspection helpers are really helpful for this sort of thing)
CleanShot 2022-07-14 at 12 02 13@2x

@calebroseland calebroseland enabled auto-merge (squash) July 14, 2022 17:03
@trilopin
Copy link
Contributor Author

trilopin commented Jul 14, 2022

This is an improvement, but I think we should do a bit more here overall (not now, but followup PRs). I have some doubts on using calcs in this way. A layout like this using grid or flex should be able to resize to it's container without having to use max-widths and such.

CleanShot 2022-07-14 at 11 55 23@2x CleanShot 2022-07-14 at 11 55 09@2x

Will check it out and you'll be the lucky reviewer

@trilopin trilopin changed the title add 72px to avoid teambar add 72px to avoid teambar in max-width calculations Jul 14, 2022
@calebroseland calebroseland merged commit 7e1b9ff into master Jul 14, 2022
@calebroseland calebroseland deleted the fix-header-width-teambar branch July 14, 2022 17:09
@trilopin trilopin added 4: Reviews Complete All reviewers have approved the pull request and removed 2: Dev Review Requires review by a core committer labels Jul 15, 2022
trilopin added a commit that referenced this pull request Jul 15, 2022
* master: (74 commits)
  Fix category store (#1330)
  add 72px to avoid teambar (#1329)
  🎉 use new RDP/LHS by default 🎉  (#1322)
  MM-44754, MM-45087: Playbooks LHS Team Sidebar (#1327)
  [MM-45728] Favoriting runs (#1328)
  requested update timeline event (#1324)
  Filter playbooks for LHS (#1325)
  MM-45352: Run Details Page - RHS E2E (#1326)
  [MM-44755] Favoriting Playbooks (#1312)
  track role for playbookRun at server + new request-update/get-involved events (#1309)
  fix rhs issues (#1316)
  MM-45676: Increase margin between title and checklist box (#1320)
  fine tune run title control + toggle open in dotmenu (#1315)
  finish run to last pos + get involved modal + no-navigate (#1319)
  Make buttons non-editable for viewers (#1318)
  use followers noun to be consistent (#1323)
  MM-45575 Playbook member migration. (#1317)
  MM-44722: Checklist improvements (#1311)
  Rdp ux feedback batch (#1314)
  recover kebab and request update as participant (#1308)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
4: Reviews Complete All reviewers have approved the pull request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants