Modals hides the sticky header

Don · April 17, 2023, 9:40am

Hello,

When you open a modal on mobile the sticky header is hidden. This line is still necessary? It seems this hides it.

discourse/discourse/blob/2535381f440e14ecdb5e6e5dcbfc7503add1be96/app/assets/stylesheets/mobile/modal.scss#L3


      
          // base styles for every modal popup used in Discourse
          
          
.modal-open #main {
            overflow: hidden;
          }
          
          
.modal-middle-container {
            max-width: 100%;
            margin-bottom: 30px; // For iOS Safari issues
          }
          
          
// Hardcode to be the same as before for now. I would recommend not using bootbox, or finding a way so the html structure can be the same
          .bootbox.modal {

Thanks

Topic		Replies	Views
Why doesn't the mobile layout put the topic title in the sticky header? ux	3	927	September 8, 2017
Discard Draft modal has header section ux completed	3	318	July 26, 2023
Positioning of the save draft modal ux composer , mobile	2	140	March 27, 2024
Reply where modal is out of screen on mobile ux mobile	3	550	February 17, 2023
Adjust bootstrap mode notice on mobile ux	3	360	April 5, 2023

Modals hides the sticky header

Related Topics