Bug Tracker

Modify

Ticket #12259 (closed enhancement: invalid)

Opened 10 months ago

Last modified 10 months ago

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:
Blocking: Blocked by:

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

comment:1 Changed 10 months ago by rwaldron

  • Status changed from new to closed
  • Resolution set to invalid

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

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.