Boostrap 3 provides a new class for notifications that can be closed by users (alert-dismissible). Add the class and the correct markup for the close button to the Toaster alerts that can be dismissed.
Signed-off-by: Belen Barros Pena <[email protected]> --- bitbake/lib/toaster/toastergui/templates/base.html | 4 ++-- bitbake/lib/toaster/toastergui/templates/customrecipe.html | 4 ++-- bitbake/lib/toaster/toastergui/templates/projecttopbar.html | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/bitbake/lib/toaster/toastergui/templates/base.html b/bitbake/lib/toaster/toastergui/templates/base.html index f62b7db..73e4cd8 100644 --- a/bitbake/lib/toaster/toastergui/templates/base.html +++ b/bitbake/lib/toaster/toastergui/templates/base.html @@ -66,8 +66,8 @@ Loading <i class="fa-pulse icon-spinner"></i> </div> - <div id="change-notification" class="alert alert-info change-notification" style="display:none"> - <button type="button" class="close" id="hide-alert">×</button> + <div id="change-notification" class="alert alert-info alert-dismissible change-notification" style="display:none"> + <button type="button" class="close" id="hide-alert" data-dismiss="alert">×</button> <span id="change-notification-msg"></span> </div> diff --git a/bitbake/lib/toaster/toastergui/templates/customrecipe.html b/bitbake/lib/toaster/toastergui/templates/customrecipe.html index 3f034a2..bc77d57 100644 --- a/bitbake/lib/toaster/toastergui/templates/customrecipe.html +++ b/bitbake/lib/toaster/toastergui/templates/customrecipe.html @@ -87,8 +87,8 @@ </div><!-- /.modal --> <!-- end package dependencies modal --> -<div class="alert alert-success change-notification" id="image-created-notification" style="display: none"> - <button type="button" data-dismiss="alert" class="close">x</button> +<div class="alert alert-success alert-dismissible change-notification" id="image-created-notification" style="display: none"> + <button type="button" data-dismiss="alert" class="close">×</button> <p>Your custom image <strong>{{recipe.name}}</strong> has been created. You can now add or remove packages as needed.</p> </div> <div class="page-header"> diff --git a/bitbake/lib/toaster/toastergui/templates/projecttopbar.html b/bitbake/lib/toaster/toastergui/templates/projecttopbar.html index 78d124a..2734af0 100644 --- a/bitbake/lib/toaster/toastergui/templates/projecttopbar.html +++ b/bitbake/lib/toaster/toastergui/templates/projecttopbar.html @@ -17,8 +17,8 @@ </script> <div class="col-md-12"> - <div class="alert alert-success change-notification" id="project-created-notification" style="display:none"> - <button type="button" class="close" data-dismiss="alert">??</button> + <div class="alert alert-success alert-dismissible change-notification" id="project-created-notification" style="display:none"> + <button type="button" class="close" data-dismiss="alert">×</button> <p>Your project <strong>{{project.name}}</strong> has been created. You can now <a class="alert-link" href="{% url 'projectmachines' project.id %}">select your target machine</a> and <a class="alert-link" href="{% url 'projectimagerecipes' project.id %}">choose image recipes</a> to build.</p> </div> <!-- project name --> -- 1.9.1
-- _______________________________________________ toaster mailing list [email protected] https://lists.yoctoproject.org/listinfo/toaster
