Skip to content

Listview theme swatch D issue. #1624

Closed
epsd opened this Issue May 13, 2011 · 3 comments

2 participants

@epsd
epsd commented May 13, 2011

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

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.

@epsd
epsd commented May 13, 2011

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

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

@toddparker toddparker closed this May 13, 2011
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.