Page MenuHomePhabricator

[web] Remove `max-height` property from `modal.css: modalContainer[Small/Large]`
ClosedPublic

Authored by atul on May 2 2022, 12:42 PM.
Tags
None
Referenced Files
F3367718: D3892.diff
Mon, Nov 25, 3:58 PM
Unknown Object (File)
Sun, Nov 24, 3:27 AM
Unknown Object (File)
Sun, Nov 24, 3:26 AM
Unknown Object (File)
Fri, Nov 22, 1:38 PM
Unknown Object (File)
Fri, Nov 22, 1:38 PM
Unknown Object (File)
Fri, Nov 22, 1:38 PM
Unknown Object (File)
Fri, Nov 22, 1:37 PM
Unknown Object (File)
Fri, Nov 22, 1:33 PM

Details

Summary

Looks like this property was introduced in D3669. I understand fixing the width of the modals, but I think we can let the height expand to fit the content?

It doesn't seem right to arbitrarily cap the possible height of a Modal at this level of abstraction? I understand there might be the need to cap it for specific Modals?

For example, here's the ThreadSettingsModal before and after this diff:

Before:

32fa.png (1×704 px, 93 KB)

After (and before D3669):

2b60.png (1×718 px, 100 KB)

Test Plan

Go through every usage of Modal and make sure things looks as they did before.

(Haven't actually done this yet, but will do before landing)

Diff Detail

Repository
rCOMM Comm
Branch
master
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

atul published this revision for review.May 2 2022, 12:42 PM
atul edited the summary of this revision. (Show Details)
atul edited the summary of this revision. (Show Details)
atul edited the summary of this revision. (Show Details)

I'm not sure why @def-au1t added this, but I think it might be smart to wait for him to explain his thinking before landing

This revision is now accepted and ready to land.May 2 2022, 12:56 PM

I'm not sure why @def-au1t added this, but I think it might be smart to wait for him to explain his thinking before landing

Yeah makes sense, will add him as blocking

This revision now requires review to proceed.May 2 2022, 1:00 PM

As far as I remember, all modals before D3669 (the smaller and the larger ones) had the max-height set to 500px, so when redesigning I didn't want to change this size.
I'm open to removing this height limit, but please make sure it doesn't break existing modals.

This revision is now accepted and ready to land.May 4 2022, 7:46 AM

I'm open to removing this height limit, but please make sure it doesn't break existing modals.

Makes sense, I did a quick look through and everything seems to be fine.

Checked the following:

  • LogInModal
  • UserSettingsModal
  • InvalidUploadModal
  • SidebarListModal
  • ConcurrentModificationModal
  • HistoryModal
  • SearchModal
  • CantLeaveModal
  • ConfirmLeaveThreadModal
  • NewThreadModal
  • ThreadSettingsModal
  • PasswordChangeModal

It looks like SidebarListModal does extend the height indefinitely if a thread has a crazy amount of sidebars (and I'm guessing HistoryModal would as well if there were a lot of changes to an event), but I think the correct way to handle that would be to set a max-height on a div internal to SidebarListModal/HistoryModal when those get worked on.

atul edited the summary of this revision. (Show Details)

rebase before landing