Header appears on top of photo popups
Posted: Mon Oct 08, 2012 9:11 am
In the Directory, there are various places where clicking on a photo will popup a modal with the larger photo and other details on the individual or household. That would include clicking on either an individual or household photo for any household in the "Households" section, or clicking on an individual photo for a leader displayed in the Ward Leaders section.
Since the recent release of the Directory, if that popup happens to overlap the header of the page, the text of the header bleeds through. Not only is that distracting, but any links in the header take precedence over the popup; specifically, in some cases the close button in the upper right corner of the popup may not work because it is overridden by a header link in the same location. For example, in this screen shot, the "News" link is in the same location as the close button, so you can't close the modal; instead, the News menu appears when you click on the close button. Now I certainly know some tricks for enabling the close button, such as resizing the browser window a bit, but not every user can easily find a way to work around the problem. I've verified this on Chrome and on Firefox 15.
Since the recent release of the Directory, if that popup happens to overlap the header of the page, the text of the header bleeds through. Not only is that distracting, but any links in the header take precedence over the popup; specifically, in some cases the close button in the upper right corner of the popup may not work because it is overridden by a header link in the same location. For example, in this screen shot, the "News" link is in the same location as the close button, so you can't close the modal; instead, the News menu appears when you click on the close button. Now I certainly know some tricks for enabling the close button, such as resizing the browser window a bit, but not every user can easily find a way to work around the problem. I've verified this on Chrome and on Firefox 15.