Joomla! Issue Tracker | Joomla! CMS #21081 - [4.0] Toolbar with button using 2 different Html Tags as button container stuck to each other

J4 Issue ?

Closed
20 Jul 2018
Medium
Build: staging
# 21081

ggppdk
11 Jul 2018

Steps to reproduce the issue

I have this issue with my extension but there are other backend screens that have same issue:

Go to backend templates manager and edit atum template
Toolbar contains

<div class="btn-toolbar d-flex" role="toolbar" aria-label="Toolbar" id="toolbar">
	<button data-toggle="modal" data-target="#copyModal" ...
	<button data-toggle="modal" data-target="#folderModal" ...
	<button data-toggle="modal" data-target="#fileModal"...
	<joomla-toolbar-button id="toolbar-cancel" task="template.cancel" ...
	<button id="toolbar-help" ...
</div>

Expected result

	<button data-toggle="modal" data-target="#fileModal"...
	<joomla-toolbar-button id="toolbar-cancel" task="template.cancel" ...

have spacing between them

Actual result

They are stuck to each other

System information (as much as possible)

4.0-dev with new backend template update

Additional comments

.subhead .btn-toolbar > :first-of-type {
    margin-left: 0;
}

should use :first-child instead of :first-of-type

ggppdk - open - 11 Jul 2018

joomla-cms-bot - change - 11 Jul 2018

Labels

Added: ?

joomla-cms-bot - labeled - 11 Jul 2018

franz-wohlkoenig - change - 11 Jul 2018

Status

New

⇒

Discussion