Page MenuHomePhorge

HTML/CSS: Flashed messages do not appear
Closed, SpitePublic

Description

Flashed messages, such as "Welcome." and "Ciao!" do not appear in the correct locations -- they are hidden behind the hero image.

The HTML for them looks as follows:

<!-- flashed messages //-->

    <div class="container">
        
            <div class="row" id="messagesbox">
                
                    <div class="alert alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        Welcome.
                    </div>
                
            </div>
        
    </div>

<!-- end of flashed messages //-->

which seems to represent the current #HKCCP set of elements, and we're loading a copy of its styles.css.

Details

Ticket Type
Task

Event Timeline

vanmeeuwen raised the priority of this task from to 60.
vanmeeuwen updated the task description. (Show Details)
vanmeeuwen added a project: Admin.
vanmeeuwen moved this task to Backlog on the Admin board.
vanmeeuwen changed Ticket Type from Task to Task.
vanmeeuwen subscribed.

I have recovered the visibility of flashed messages when there is no hero image.

The docker container for Admin now shows the current markup on http://172.17.42.1:5000/testing/messagesbox