Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Listview theme swatch D issue. #1624

Closed
jstabinger opened this issue May 13, 2011 · 3 comments
Closed

Listview theme swatch D issue. #1624

jstabinger opened this issue May 13, 2011 · 3 comments

Comments

@jstabinger
Copy link

To replicate this issue, create an inset listview styled with the 'D' swatch. Push down on an item, the btn-down class creates a square border and looks very bad. This does not occur with other theme swatches... To fix change .ui-btn-down-d a.ui-link-inherit to the below:

.ui-btn-down-d a.ui-link-inherit {
color: #111;
}

@toddparker
Copy link
Contributor

Thanks, I can reproduce this issue but when I drop you css fix into the head as an override, it doesn't see to resolve it:
http://jsbin.com/ohehe4/2/edit

Feel free to tweak and I'll roll it in.

@jstabinger
Copy link
Author

Weird... It is related to this css (I think):

.ui-btn-down-d a.ui-link-inherit {
border: 1px solid #808080;
background: #ced0d2;
font-weight: bold;
color: #111;
text-shadow: none;
background-image: -moz-linear-gradient(top,
#cccccc,
#eeeeee);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, #cccccc),
color-stop(1, #eeeeee));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')";
}

The other swatches just have a font color here...

@toddparker
Copy link
Contributor

I just landed a fix for this. Thanks for your help!
3d0064b#commitcomment-382525

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants