Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

border-radius on a dropdown's ui-btn-text #5709

Closed
JorisDebonnet opened this Issue · 1 comment

2 participants

@JorisDebonnet

See here why it is a problem: http://jsfiddle.net/bSD3M/

The selected option, that is placed inside a ui-btn-text, gets corners cut off the first letter if it fills the entire width. I know it's minor, but I currently don't really understand why ui-btn-text needs border-radius anyway (then again, I haven't seen everything!).

(Note: I am testing this in Firefox; I don't see the issue in Chrome)

@jaspermdegroot jaspermdegroot closed this issue from a commit
@jaspermdegroot jaspermdegroot Button: removed border-radius inherit for ui-btn-text and added it to…
… listview because that's the only place where we need this. Fixes #5709.
d9eb855
@jaspermdegroot jaspermdegroot referenced this issue from a commit
@jaspermdegroot jaspermdegroot Button: removed border-radius inherit for ui-btn-text and added it to…
… listview because that's the only place where we need this. Fixes #5709.
a25fef9
@jaspermdegroot
Collaborator

@JorisDebonnet

Thanks for submitting the issue.
ui-btn-text needs to inherit the border-radius in listviews because thumb are nested in that element and those need to get the same radius at the applicable corner. Since this is the only case I removed the generic rule and added a specific rule in the listview CSS to fix the issue you reported.

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.