PDA

View Full Version : [4.0.1] Button SASS vars in IE8



westy
27 May 2011, 2:33 AM
Hi,

Getting style issues in IE8... bane of my life at the moment!

$button-default-border-color seems to be ignored.
Changing $button-small-border-radius results in all sorts of craziness.

Screenies:
26303
26302

Excerpts from my SASS:


$altus-blue: #7F99BE;
$base-color: lighten($altus-blue, 15.0);
$button-default-border-color: $altus-blue;
$button-small-border-radius: 4px;


Looks better if turn off the override of border radius, but still don't get the border (and hate the weak, ill-defined default border, with our base colour).
Could use someone with decent Sass-fu to help please!

Cheers,
Westy

börn
27 May 2011, 3:32 AM
I have similar (looking) problems... i considered ie8 not ready for css3 border-radius so i try the sencha slice theme command - but have also some issues over here:

http://www.sencha.com/forum/showthread.php?134824-Theming-IE-and-sencha-slice

i'm afraid i haven't analyzed the resulting html - so i don't know how the rendering process is done by ext4 for the legacy browsers (ie6,7,8) - is the result really a html table instead of the divs? If not - I'm curious about the legacy support...

westy
27 May 2011, 4:07 AM
Hmm, interesting.

Not tried playing with the SDK yet myself... be interested to hear how you get on.

Cheers,
Westy

rdougan
3 Jun 2011, 10:24 AM
This is a known issue which should be fixed in the next release of SDK Tools.

jfstephe
4 Aug 2011, 3:24 AM
Good to know, but when will this be?

westy
4 Aug 2011, 4:12 AM
Was sorted a while ago, grab the SDK tools from here (http://www.sencha.com/products/sdk-tools/download/), build your CSS, then use that to create your images, ensuring you're targetting a copy of the deafult theme.