Skip to main content

Bug Tracker

Side navigation

#12259 closed enhancement (invalid)

Opened August 10, 2012 11:27PM UTC

Closed August 10, 2012 11:36PM UTC

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

Reported by: marcojanc@hotmail.com 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;
}
Attachments (0)
Change History (1)

Changed August 10, 2012 11:36PM UTC by rwaldron comment:1

resolution: → invalid
status: newclosed

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