Closed Bug 1149862 Opened 5 years ago Closed 4 years ago

groupon.com intermediate page uses CSS Webkit prefixes

Categories

(Web Compatibility :: Mobile, defect)

ARM
Android
defect
Not set

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: karlcow, Assigned: karlcow, NeedInfo)

References

()

Details

(Whiteboard: [webkitcss] [sitewait] [country-all])

Attachments

(1 file)

+++ 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.
Assignee: nobody → kdubost
OS: Gonk (Firefox OS) → Android
Whiteboard: [mobile-compat-form] [serversniff] [sitewait] [country-all] → [webkitcss] [sitewait] [country-all]
They can use 
http://hallvord.com/temp/moz/cssfixme.php
to fix it.
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
	}
}
Adam, 

could you help us with this one too?
Flags: needinfo?(ageitgey)
Buttons seem OK now
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → FIXED
Product: Tech Evangelism → Web Compatibility
You need to log in before you can comment on or make changes to this bug.