Project

General

Profile

Actions

Bug #93181

closed

Epic #93119: Bootstrap v5 migration

"alert media" body message misaligned with the icon

Added by Riccardo De Contardi about 3 years ago. Updated over 2 years ago.

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

Schermata 2020-12-29 alle 10.59.46.png (60.8 KB) Schermata 2020-12-29 alle 10.59.46.png Riccardo De Contardi, 2020-12-29 10:04

Related issues 1 (0 open1 closed)

Related to TYPO3 Core - Task #93998: Text in info box not vertically centeredClosed2021-04-27

Actions
Actions

Also available in: Atom PDF