1149862 - groupon.com intermediate page uses CSS Webkit prefixes

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Karl Dubost💡 :karlcow]

Attachment: difference between Blink and Gecko

+++ This bug was initially created as a clone of Bug #945943 +++

Site: http://www.groupon.com/
groupon.com serves desktop sites to Firefox OS

:: Steps To Reproduce

1. With Firefox Android
2. Go to http://www.groupon.com/
3. Get redirected to http://touch.groupon.com/subscriptions?return_to=%2F%3Fbypass%3Dtrue

Expected correct gradients on the button.
Currently the button is using CSS Webkit gradients.


such as: 
 
body * div.pod input.button,body div.pod input.button{
	background:-webkit-gradient(linear,center top,center bottom,from(#7fb342),to(#618833));
	border:1px solid #555;
	border-radius:5px;
	box-sizing:border-box;
	color:#fff;
	display:inline-block;
	font-size:20px;
	font-weight:700;
	line-height:1.2;
	padding:7px 16px 11px;
	width:100%;
	margin:12px 0;
	height:42px
}

This need to be fixed.

Comment 1

[Karl Dubost💡 :karlcow]

They can use 
http://hallvord.com/temp/moz/cssfixme.php
to fix it.

Comment 2

[Karl Dubost💡 :karlcow]

Also using

@media (-webkit-min-device-pixel-ratio:2) {
	body * .logo,body .logo {
		background:url(/app/subscriptions/assets/logo-touch-hd-9131c8aaae.png) 0 0 no-repeat;
		background-size:151px 24px
	}
}

Comment 3

[Karl Dubost💡 :karlcow]

Adam, 

could you help us with this one too?

Comment 4

[Hallvord R. M. Steen [:hallvors]]

Buttons seem OK now