Listview theme swatch D issue. #1624

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

Comments

Projects
None yet
2 participants
@jstabinger

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

This comment has been minimized.

Show comment
Hide comment
@toddparker

toddparker May 13, 2011

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.

Contributor

toddparker commented May 13, 2011

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

This comment has been minimized.

Show comment
Hide comment
@jstabinger

jstabinger 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...

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

This comment has been minimized.

Show comment
Hide comment
@toddparker

toddparker May 13, 2011

Contributor

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

Contributor

toddparker commented May 13, 2011

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