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	964	September 8, 2017
Discard Draft modal has header section UX completed	3	366	July 26, 2023
Positioning of the save draft modal UX composer , mobile	2	237	March 27, 2024
Reply where modal is out of screen on mobile UX mobile	3	605	February 17, 2023
Possible to make static bottom mobile menu UX	5	888	August 20, 2021

Modals hides the sticky header

Related topics