Actions
Bug #93181
closedEpic #93119: Bootstrap v5 migration
"alert media" body message misaligned with the icon
Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2020-12-29
Due date:
% Done:
0%
Estimated time:
TYPO3 Version:
11
PHP Version:
7.4
Tags:
UI
Complexity:
Is Regression:
Sprint Focus:
Description
I reproduced this issue using the Log module, and deleting one error entry, but I guess it affects also other parts of the backend:
The text of the message is misaligned with the icon, see the attached screenshot
I suggest to add to the CSS something like:
.media .media-left+.media-body { align-self:center }
or
.alert .media{ align-items:center }
Plus, the text seems a bit too small (10.8px) but this could be just my opinion, this is why I would recommend to remove or override
.alert-body, .alert-message{ font-size: .9em }
Files
Actions