Feeling Lucky
?
?
[#32247] - [4.0b7] Contact Layout Address mis-aligned with icon
- Closed
- 11 May 2021
- Medium
- Build: staging
- # 32247
Steps to reproduce the issue
Create a contact in 4.0b7 admin and link it to a menu item
View that contact on the frontend
Expected result
The address is aligned with the icon
Actual result
System information (as much as possible)
safari on mac
joomla-cms-bot
- | Labels |
Added:
?
|
||
Harmageddon
- comment
- 9 Feb 2021
Hmm... While I agree that this is the default behaviour of dl elements, I'd say it is not expected like this at this point. Looking at the source code, I find a "dl-horizontal". Since Bootstrap 4, this has no effect anymore:
.dl-horizontalhas been dropped. Instead, use.rowon<dl>and use grid column classes (or mixins) on its<dt>and<dd>children.
https://getbootstrap.com/docs/4.5/migration/#typography
So we should come up with our own implementation for dl-horizontal (or drop it from core, if we decide that it is not needed anywhere).
ciar4n
- | Labels |
Added:
?
|
||
alikon
- | Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2021-05-11 17:09:20 |
| Closed_By | ⇒ | alikon |
That is an expected behaviour, the address is a description list, with the icon being the
<dt>element. If you choose to show text instead of icons, it looks like this: