icingadb-web
icingadb-web copied to clipboard
Icinga
Info icons (downtime, ack, ...) are smaller and off-center in "minimal view"
Describe the bug
After updating to v1.1.3 I noticed that the informational icons for downtimes and acknowledgements inside the status circles got smaller and moved to the top.
Looking at the image from the issue that added the icons, they were bigger an centered.
Screenshots after the update:
Your Environment
Include as many relevant details about the environment you experienced the problem in.
- Icinga DB Web version (System - About): 1.1.3
- icinga/icinga-php-library 0.14.1
- icinga/icinga-php-thirdparty 0.12.1
- Icinga Web 2 version (System - About): 2.12.1
- Web browser: Vivaldi/Chrome/Firefox
- PHP version used (
php --version): 8.0.30 - Server operating system and version: rhel8.10
- Icinga 2 version (
icinga2 --version): 2.14.2 - Icinga DB version (
icingadb --version): 1.2.0
Additional context
Add any other context about the problem here.
Just realised that this is only true when using the "Minimal view".
With "Common view" or "Detailed view" the icons are displayed correctly.
Not sure if this was that case before the update now, but it still looks strange :D
.icon's inside .state-ball's get display: block applied. Default rules for .icon are designed for display: inline-block, though.
Just a note: The icons in the detail header state ball were set display: block to align the controls. inline-block made it hard to control the height of the element, as it added 1px to the rendered element height.
This was when we still used the list item for the detail header, though.
I would solve this in https://github.com/Icinga/ipl-web/pull/270 because there was the display set to block.
