Bug Tracker

Opened 7 years ago

Closed 7 years ago

#12259 closed enhancement (invalid)

Css class ui-icon should use 'inline-block' instead of block

Reported by: marcojanc@… Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: 1.8.0
Keywords: Cc:
Blocked by: Blocking:

Description

I tried to place an information icon at the end of a text inside the same line which is not possible. It always gets rendered in the next line.

A themeroller icon cannot be placed correctly at the end of a text for example using base css class ui-icon.

HTML:

This is a example text.<span class="ui-icon ui-icon-info"/>

*Fix: Use inline-block instead of block for display attribute*

.ui-icon 
{
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
}

Change History (1)

comment:1 Changed 7 years ago by Rick Waldron

Resolution: invalid
Status: newclosed

Please report to http://bugs.jqueryui.com/

Note: See TracTickets for help on using tickets.