Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

List dividers in inset list: problems with rounded borders #1450

Closed
indyEssl opened this Issue · 1 comment

3 participants

@indyEssl

When you use the list dividers from the documentation inside a inset list, the framework doesn't consider the special classes for the first and the last li-item. (which are used for the rounded borders)

Hence, when I type a search phrase, which disables the first or the last li-item, the rounded borders-effect of the inset list disappears.

Suggested solution: Use css3 pseudo-classes first-child and last-child instead of real classes for rounded borders?

@hakanson

In addition to the first li getting ui-corner-top, the .ui-li-link-alt gets ui-corner-tr and .ui-li-thumb gets ui-corner-tl. There are the reverse rules for the last li in the list. The CSS might get complex because it the first-child that is not(ui-screen-hidden) where you have to apply all three rules.

@gseguin gseguin was assigned
@gseguin gseguin closed this
@brendansoftllc brendansoftllc referenced this issue from a commit
Commit has since been removed from the repository and is no longer available.
@brendansoftllc brendansoftllc referenced this issue from a commit
Commit has since been removed from the repository and is no longer available.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.