Create top-level views of your applications in a graphical editor. Rules express dependencies between existing hosts and services and let you alert on application level. Business processes are displayed in a tree or list overview.
The current master branch introduced the sort control library/master/Businessprocess/Common/Sort.php by the commit 52c150c56b0dcbc5339cc1da3d92024d3278f21b.
As the action bar is represented as a floating flexbox element, it causes the following flexbox element to overlap itself when being limited in its width. This is reproducable by opening up the config menu.
To Reproduce
Install current master branch of the businessprocess module.
Navigate to the businessprocess module on the web interface.
Select a business process configuration or create a new one.
Press the config button.
Expected behavior
The two flexboxes shouldn't overlap. The widget should either wrap the sort control or keep it on the same line while making sure to not overlap the two elements with each other.
Screenshots
Your Environment
Icinga Web 2 version and modules: Web = 2.12.0, BP = master / 2.4.1
Web browser used: Firefox 118.0.1
Icinga 2 version used: r2.14.0-1
PHP version used: 8.2
Server operating system and version: Debian 11, Nginx 1.18.0
Describe the bug
The current
master
branch introduced the sort control library/master/Businessprocess/Common/Sort.php by the commit 52c150c56b0dcbc5339cc1da3d92024d3278f21b. As the action bar is represented as a floating flexbox element, it causes the following flexbox element to overlap itself when being limited in its width. This is reproducable by opening up the config menu.To Reproduce
Expected behavior
The two flexboxes shouldn't overlap. The widget should either wrap the sort control or keep it on the same line while making sure to not overlap the two elements with each other.
Screenshots
Your Environment
Web = 2.12.0, BP = master / 2.4.1
Firefox 118.0.1
r2.14.0-1
8.2
Debian 11, Nginx 1.18.0