J3 Issue ?
avatar 810
810
25 May 2018

Steps to reproduce the issue

edit menu item. add: icon icon-edit on link class

Expected result

The title is horizontal

Actual result

image

System information (as much as possible)

Protostar

Additional comments

avatar 810 810 - open - 25 May 2018
avatar joomla-cms-bot joomla-cms-bot - change - 25 May 2018
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 25 May 2018
avatar Quy
Quy - comment - 26 May 2018

Do you get the same result with the following code?

<a title=" Forums" href="/new/forums"><span class="icon icon-edit"></span> Forums</a>

avatar 810
810 - comment - 26 May 2018

Then it showed correctly

avatar Quy
Quy - comment - 26 May 2018

The icon class has a width: 28px; making the a container to be small width where the text has to be displayed vertically. You will have to change your markup as advised.

avatar Quy
Quy - comment - 26 May 2018

Try your markup with icon-edit only without icon.

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 26 May 2018

@Quy is this a Core Issue?

avatar brianteeman brianteeman - change - 26 May 2018
Labels Added: J3 Issue
avatar brianteeman brianteeman - labeled - 26 May 2018
avatar joomla-cms-bot joomla-cms-bot - change - 26 May 2018
Closed_By Quy joomla-cms-bot
avatar joomla-cms-bot joomla-cms-bot - close - 26 May 2018
avatar Quy Quy - change - 26 May 2018
Status New Closed
Closed_Date 0000-00-00 00:00:00 2018-05-26 08:58:57
Closed_By Quy
avatar joomla-cms-bot
joomla-cms-bot - comment - 26 May 2018

Set to "closed" on behalf of @Quy by The JTracker Application at issues.joomla.org/joomla-cms/20581

avatar Quy
Quy - comment - 26 May 2018

Closing as not a core issue.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/20581.

avatar 810
810 - comment - 26 May 2018

the issue is on the menu, so also core. You can't add now a icon on the menu item

avatar joomla-cms-bot joomla-cms-bot - change - 26 May 2018
Status Closed New
Closed_Date 2018-05-26 08:58:57
Closed_By joomla-cms-bot
avatar joomla-cms-bot joomla-cms-bot - reopen - 26 May 2018
avatar Quy Quy - change - 26 May 2018
Status Closed Confirmed
Closed_Date 2018-05-26 08:58:57
Closed_By joomla-cms-bot
avatar joomla-cms-bot
joomla-cms-bot - comment - 26 May 2018

Set to "open" on behalf of @Quy by The JTracker Application at issues.joomla.org/joomla-cms/20581

avatar Quy
Quy - comment - 26 May 2018

Was this possible in previous versions? I had to create a custom css .auto-width {width:auto;} as follows icon icon-edit auto-width to make it work.

avatar SharkyKZ
SharkyKZ - comment - 26 May 2018

This is coming from Bootstrap and is expected. See documentation http://getbootstrap.com/2.3.2/base-css.html#icons.

The markup posted by @Quy is correct. If there's demand, 'Icon Class' option could be added to create correct markup for icons. Or you can use additional class to set the width as shown above.

avatar franz-wohlkoenig franz-wohlkoenig - change - 26 May 2018
Status Confirmed Closed
Closed_Date 0000-00-00 00:00:00 2018-05-26 17:30:11
Closed_By franz-wohlkoenig
avatar joomla-cms-bot joomla-cms-bot - change - 26 May 2018
Closed_By franz-wohlkoenig joomla-cms-bot
avatar joomla-cms-bot joomla-cms-bot - close - 26 May 2018
avatar joomla-cms-bot
joomla-cms-bot - comment - 26 May 2018
avatar franz-wohlkoenig
franz-wohlkoenig - comment - 26 May 2018

closed as stated above.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/20581.

Add a Comment

Login with GitHub to post a comment