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
Updated by Gerrit Code Review over 3 years ago
- Status changed from New to Under Review
Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/68890
Updated by Oliver Bartsch over 3 years ago
- Related to Task #93998: Text in info box not vertically centered added
Updated by Riccardo De Contardi over 3 years ago
- Status changed from Under Review to Closed
Solved with https://review.typo3.org/c/Packages/TYPO3.CMS/+/68890 AFAICS. Closing it.
Actions