Stack Overflow Careers has a problem with the 'apply' button on job listing pages; the external-link-icon overlaps the texts. Screenshot below shows examples in Chrome and Firefox, respectively.
-
1In which browsers, with which version numbers, on which screen size, on which platform? – user206222 Dec 3 '15 at 8:11
-
The upper screenshot, showing the issue, is Chrome "Version 47.0.2526.73 m" (just updated, issue remains), lower is Firefox "42.0". The window size has no effect, my screen size is 1366 x 768. Windows 8. – Mike S Dec 3 '15 at 8:45
-
@Hynes this issue/question was resolved but has re-appeared (maybe @DeanWard). – Mike S Dec 8 '15 at 18:02
This issue has been corrected.
Issue was the x-position of the background element wasn't being set. Incorrectly set as a y-position.
Because of browser support issues, the use of background-position-x and background-position-y has been replaced with background-position. This is still considered status-completed.
-
-
This issue has re-appeared. Example: careers.stackoverflow.com/jobs/102074/… Not sure if I should open a new quesion/ – Mike S Dec 8 '15 at 4:33
-
@MikeS When I click on the link you provided, this is what I'm seeing: i.stack.imgur.com/lBnJA.png – Hynes Dec 8 '15 at 20:04
-
@Hynes Aha! Firefox doesn't support background-position-[x/y]. It logs "Unknown property 'background-position-y'. Declaration dropped." developer.mozilla.org/en-US/docs/Web/CSS/background-position Changing it to "background-position: -26px 12px;" fixes the problem – Mike S Dec 8 '15 at 21:22
-
-
@MikeS Forgot to mention that a fix (that works in all browsers) went out last night. – Hynes Dec 9 '15 at 18:40
Here's a quick fix (tested in Chrome & Firefox).
a.apply.url{
background-position: 18px 24px;
background-origin: border-box;
}
