https://weekly.ci.jenkins.io/design-library/Banner/ describes how to create banners. This makes use of the css classes "alert-warning", "alert-info", "alert-danger" and "alert-success".
At least "alert-warning" and "alert-info" and "alert-danger" have a conflict when a page with such a banner also includes parts that lead to loading of bootstrap5 styles (e.g. warnings-ng)
E.g. the effect is that the banner gets a border in the same color as the text.,
This was especially visible in older Jenkins version before #9115 was merged, but also affects current Jenkins version:
Expected:
Actual:
Originally reported as jenkinsci/customizable-header-plugin#99
Originally reported by mawinter69, imported from: Jenkins css classes for alerts collide with bootstrap5
- assignee: mawinter69
- status: Closed
- priority: Minor
- component(s): core
- label(s): 2.452.2-fixed
- resolution: Fixed
- resolved: 2024-05-21T14:13:42+00:00
- votes: 0
- watchers: 3
- imported: 2025-11-24
Raw content of original issue
https://weekly.ci.jenkins.io/design-library/Banner/ describes how to create banners. This makes use of the css classes "alert-warning", "alert-info", "alert-danger" and "alert-success".
At least "alert-warning" and "alert-info" and "alert-danger" have a conflict when a page with such a banner also includes parts that lead to loading of bootstrap5 styles (e.g. warnings-ng)
E.g. the effect is that the banner gets a border in the same color as the text.,
This was especially visible in older Jenkins version before #9115 was merged, but also affects current Jenkins version:
Expected:
Actual:
Originally reported as jenkinsci/customizable-header-plugin#99
4 attachments
https://weekly.ci.jenkins.io/design-library/Banner/ describes how to create banners. This makes use of the css classes "alert-warning", "alert-info", "alert-danger" and "alert-success".
At least "alert-warning" and "alert-info" and "alert-danger" have a conflict when a page with such a banner also includes parts that lead to loading of bootstrap5 styles (e.g. warnings-ng)
E.g. the effect is that the banner gets a border in the same color as the text.,
This was especially visible in older Jenkins version before #9115 was merged, but also affects current Jenkins version:
Expected:
Actual:
Originally reported as jenkinsci/customizable-header-plugin#99
Originally reported by mawinter69, imported from: Jenkins css classes for alerts collide with bootstrap5
Raw content of original issue
4 attachments