diff --git a/src/data/injections.js b/src/data/injections.js index 5378fe9e..b28d6e7b 100644 --- a/src/data/injections.js +++ b/src/data/injections.js @@ -254,6 +254,35 @@ const AVAILABLE_INJECTIONS = [ ], }, }, + { + id: "bug1570119", + platform: "desktop", + domain: "teamcoco.com", + bug: "1570119", + contentScripts: { + matches: ["*://teamcoco.com/*"], + css: [ + { + file: "injections/css/bug1570119-teamcoco.com-scrollbar-width.css", + }, + ], + }, + }, + { + id: "bug1570328", + platform: "android", + domain: "developer.apple.com", + bug: "1570328", + contentScripts: { + matches: ["*://developer.apple.com/*"], + css: [ + { + file: + "injections/css/bug1570328-developer-apple.com-transform-scale.css", + }, + ], + }, + }, ]; module.exports = AVAILABLE_INJECTIONS; diff --git a/src/data/ua_overrides.js b/src/data/ua_overrides.js index e791c850..d5827656 100644 --- a/src/data/ua_overrides.js +++ b/src/data/ua_overrides.js @@ -90,7 +90,11 @@ const AVAILABLE_UA_OVERRIDES = [ domain: "tieba.baidu.com", bug: "945963", config: { - matches: ["*://tieba.baidu.com/*", "*://tiebac.baidu.com/*"], + matches: [ + "*://tieba.baidu.com/*", + "*://tiebac.baidu.com/*", + "*://zhidao.baidu.com/*", + ], uaTransformer: originalUA => { return originalUA + " AppleWebKit/537.36 (KHTML, like Gecko)"; }, diff --git a/src/injections/css/bug1570119-teamcoco.com-scrollbar-width.css b/src/injections/css/bug1570119-teamcoco.com-scrollbar-width.css new file mode 100644 index 00000000..7a6c2c07 --- /dev/null +++ b/src/injections/css/bug1570119-teamcoco.com-scrollbar-width.css @@ -0,0 +1,11 @@ +/** + * teamcoco.com - a scrollbar at the top covering navigation menu + * Bug #1570119 - https://bugzilla.mozilla.org/show_bug.cgi?id=1570119 + * + * The scrollbar is covering navigation items making them unusable. + * There are ::-webkit-scrollbar css rules already applied to the scrollbar, + * hiding it in Chrome. Adding the scrollbar-width: none fixes the issue in Firefox. + */ +.css-bdnz85 { + scrollbar-width: none; +} diff --git a/src/injections/css/bug1570328-developer-apple.com-transform-scale.css b/src/injections/css/bug1570328-developer-apple.com-transform-scale.css new file mode 100644 index 00000000..2ffd45a3 --- /dev/null +++ b/src/injections/css/bug1570328-developer-apple.com-transform-scale.css @@ -0,0 +1,17 @@ +/** + * developer.apple.com - content of the page is shifted to the left + * Bug #1570328 - https://bugzilla.mozilla.org/show_bug.cgi?id=1570328 + * WebCompat issue #4070 - https://webcompat.com/issues/4070 + * + * The site is relying on zoom property which is not supported by Mozilla, + * see https://bugzilla.mozilla.org/show_bug.cgi?id=390936. Adding a combination + * of transform: scale(1.4), transform-origin and width fixes the issue + */ +@media only screen and (min-device-width: 320px) and (max-device-width: 980px), + (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 320px) and (max-width: 980px) { + #tocContainer { + transform-origin: 0 0; + transform: scale(1.4); + width: 71.4%; + } +}