diff options
Diffstat (limited to 'browser/extensions/webcompat/injections/css')
28 files changed, 326 insertions, 0 deletions
diff --git a/browser/extensions/webcompat/injections/css/bug0000000-testbed-css-injection.css b/browser/extensions/webcompat/injections/css/bug0000000-testbed-css-injection.css new file mode 100644 index 0000000000..1e82ee9722 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug0000000-testbed-css-injection.css @@ -0,0 +1,3 @@ +#css-injection.red { + background-color: #0f0; +} diff --git a/browser/extensions/webcompat/injections/css/bug1570328-developer-apple.com-transform-scale.css b/browser/extensions/webcompat/injections/css/bug1570328-developer-apple.com-transform-scale.css new file mode 100644 index 0000000000..2ffd45a361 --- /dev/null +++ b/browser/extensions/webcompat/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%; + } +} diff --git a/browser/extensions/webcompat/injections/css/bug1575000-apply.lloydsbank.co.uk-radio-buttons-fix.css b/browser/extensions/webcompat/injections/css/bug1575000-apply.lloydsbank.co.uk-radio-buttons-fix.css new file mode 100644 index 0000000000..d6c7e82e26 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1575000-apply.lloydsbank.co.uk-radio-buttons-fix.css @@ -0,0 +1,11 @@ +/** + * apply.lloydsbank.co.uk - radio buttons are misplaced + * Bug #1575000 - https://bugzilla.mozilla.org/show_bug.cgi?id=1575000 + * WebCompat issue #34969 - https://webcompat.com/issues/34969 + * + * Radio buttons are displaced to the left due to positioning issue of ::before + * pseudo element, adding position relative to it's parent fixes the issue. + */ +.radio-content-field .radio.inline label span.text { + position: relative; +} diff --git a/browser/extensions/webcompat/injections/css/bug1605611-maps.google.com-directions-time.css b/browser/extensions/webcompat/injections/css/bug1605611-maps.google.com-directions-time.css new file mode 100644 index 0000000000..ad47c57e55 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1605611-maps.google.com-directions-time.css @@ -0,0 +1,22 @@ +/** + * Bug 1605611 - Cannot change Departure/arrival dates in Google Maps on Android + * + * Google Maps calls .click() on a datetime-local input element, with the intent + * to show the native date picker. But the native date picker does not appear, + * because that only happens when a user initiated the click. + * To fix the problem of the date picker not appearing in Google Maps, alter the + * styles of the datetime-local input element, to be rendered on top of the + * usual UI (i.e. the icon and date/time text). This allows the user to summon + * the native date picker when they tap on the relevant UI in Google Maps. + */ + +.ml-edit-mode-grey-icon > input { + z-index: 1; /* overrides -5000, to show on top of the icon AND the rendered date */ + opacity: 0; /* let the input element be fully transparent */ + width: 100vw; /* render over the rendered date from Maps' dialog */ + /* position this (absolute) element to fully cover the parent container */ + left: 0; + bottom: 0; + top: 0; + height: 100%; +} diff --git a/browser/extensions/webcompat/injections/css/bug1610344-directv.com.co-hide-unsupported-message.css b/browser/extensions/webcompat/injections/css/bug1610344-directv.com.co-hide-unsupported-message.css new file mode 100644 index 0000000000..80f94aa306 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1610344-directv.com.co-hide-unsupported-message.css @@ -0,0 +1,13 @@ +/** + * directv.com.co - Browser is not supported message + * Bug #1610344 - https://bugzilla.mozilla.org/show_bug.cgi?id=1610344 + * WebCompat issue #41822 - https://webcompat.com/issues/41822 + * + * directv.com.co is showing a "This browser is not supported" message in + * Firefox. Our tests indicated that everything is working just fine, and our + * previous contact attempts have not been successful. This intervention + * hides the large red unsupported banner. + */ +.browser-compatible.compatible.incompatible { + display: none; +} diff --git a/browser/extensions/webcompat/injections/css/bug1644830-missingmail.usps.com-checkboxes-not-visible.css b/browser/extensions/webcompat/injections/css/bug1644830-missingmail.usps.com-checkboxes-not-visible.css new file mode 100644 index 0000000000..191985b691 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1644830-missingmail.usps.com-checkboxes-not-visible.css @@ -0,0 +1,13 @@ +/** + * missingmail.usps.com - Unable to mark the check-boxes from "Disclaimer and + * Terms and Conditions" section + * Bug #1644830 - https://bugzilla.mozilla.org/show_bug.cgi?id=1644830 + * WebCompat issue #53950 - https://webcompat.com/issues/53950 + * + * missingmail.usps.com runs into a case of bug 997189, where an absolutely + * positioned inline-block element with floating siblings is shifter to the + * right, and thus invisible. + */ +.mrc-custom-checkbox-container input { + margin-left: -3rem; +} diff --git a/browser/extensions/webcompat/injections/css/bug1651917-teletrader.com.body-transform-origin.css b/browser/extensions/webcompat/injections/css/bug1651917-teletrader.com.body-transform-origin.css new file mode 100644 index 0000000000..e7a44a93d7 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1651917-teletrader.com.body-transform-origin.css @@ -0,0 +1,14 @@ +/** + * teletrader.com - content is shifted down and right + * Bug #1651917 - https://bugzilla.mozilla.org/show_bug.cgi?id=1651917 + * WebCompat issue #55217 - https://webcompat.com/issues/55217 + * + * The content is shifted down and right, because they use webkit prefixes + * for scaling and redefining the origin. Firefox doesn't support + * -webkit-transform-origin-x/y + * This is the object of https://bugzilla.mozilla.org/show_bug.cgi?id=1584881 + * Adding transform-origin: 0 0; to body fixes the issue + */ +body { + transform-origin: 0 0; +} diff --git a/browser/extensions/webcompat/injections/css/bug1653075-livescience.com-scrollbar-width.css b/browser/extensions/webcompat/injections/css/bug1653075-livescience.com-scrollbar-width.css new file mode 100644 index 0000000000..5edc344d93 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1653075-livescience.com-scrollbar-width.css @@ -0,0 +1,13 @@ +/** + * livescience.com - a scrollbar covering navigation menu + * Bug #1653075 - https://bugzilla.mozilla.org/show_bug.cgi?id=1653075 + * + * The scrollbar is covering navigation items and that makes them half hidden. + * There are some ::-webkit-scrollbar css rules applied to the scrollbar, + * making it thinner. Adding similar rules for Firefox fixes the issue. + */ + +.trending__list { + scrollbar-width: thin; + scrollbar-color: #f9ae3b #f5f5f5; +} diff --git a/browser/extensions/webcompat/injections/css/bug1654877-preev.com-moz-appearance-fix.css b/browser/extensions/webcompat/injections/css/bug1654877-preev.com-moz-appearance-fix.css new file mode 100644 index 0000000000..111ec522df --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1654877-preev.com-moz-appearance-fix.css @@ -0,0 +1,15 @@ +/** + * preev.com - typed numbers are not fully visible + * Bug #1654877 - https://bugzilla.mozilla.org/show_bug.cgi?id=1654877 + * WebCompat issue #55099 - https://webcompat.com/issues/55099 + * + * It's hard to see the entered number because the spin button is + * taking too much space. While there is -moz-appearance: textfield, + * -webkit-appearance: none; underneath supersedes it, + * leaving the spin button visible. Adding -moz-appearance: textfield; + * as a separate rule fixes the issue + */ +input[type="number"], +input[type="text"] { + -moz-appearance: textfield; +} diff --git a/browser/extensions/webcompat/injections/css/bug1654907-reactine.ca-hide-unsupported.css b/browser/extensions/webcompat/injections/css/bug1654907-reactine.ca-hide-unsupported.css new file mode 100644 index 0000000000..2893e873ed --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1654907-reactine.ca-hide-unsupported.css @@ -0,0 +1,12 @@ +/** + * reactine.ca - Unsupported browser message + * Bug #1654907 - https://bugzilla.mozilla.org/show_bug.cgi?id=1654907 + * WebCompat issue #55481 - https://webcompat.com/issues/55481 + * + * reactine.ca is showing "Sorry this browser is not supported." + * message if Firefox for Android based on UA detection. Site seems + * to be working fine, so this intervention is to hide this message + */ +#browser-alert { + display: none !important; +} diff --git a/browser/extensions/webcompat/injections/css/bug1694470-myvidster.com-content-not-shown.css b/browser/extensions/webcompat/injections/css/bug1694470-myvidster.com-content-not-shown.css new file mode 100644 index 0000000000..cb4bfa4f65 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1694470-myvidster.com-content-not-shown.css @@ -0,0 +1,11 @@ +/** + * m.myvidster.com - Content is not shown + * Bug #1694470 - https://bugzilla.mozilla.org/show_bug.cgi?id=1694470 + * WebCompat issue #67308 - https://webcompat.com/issues/67308 + * + * The site depends on Sencha Touch and should receive some specific + * -moz-box-flex to be working. + */ +#home_refresh_var { + -moz-box-flex: 1; +} diff --git a/browser/extensions/webcompat/injections/css/bug1707795-office365-sheets-overscroll-disable.css b/browser/extensions/webcompat/injections/css/bug1707795-office365-sheets-overscroll-disable.css new file mode 100644 index 0000000000..41ee4060f6 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1707795-office365-sheets-overscroll-disable.css @@ -0,0 +1,8 @@ +/** + * www.office.com - There is an overscroll effect on Excel sheets which is + * not a very pleasant user experience. This invention disables it. + */ + +.ewr-sheetcontainer { + overscroll-behavior: none; +} diff --git a/browser/extensions/webcompat/injections/css/bug1712833-buskocchi.desuca.co.jp-fix-map-height.css b/browser/extensions/webcompat/injections/css/bug1712833-buskocchi.desuca.co.jp-fix-map-height.css new file mode 100644 index 0000000000..fb85897406 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1712833-buskocchi.desuca.co.jp-fix-map-height.css @@ -0,0 +1,9 @@ +/** + * buskocchi.desuca.co.jp - Ensure that the map has a height so it is visible. + * Bug #1712833 - https://bugzilla.mozilla.org/show_bug.cgi?id=1712833 + * WebCompat issue #50837 - https://webcompat.com/issues/50837 + */ + +form[name="main"] { + height: 100%; +} diff --git a/browser/extensions/webcompat/injections/css/bug1741234-patient.alphalabs.ca-height-fix.css b/browser/extensions/webcompat/injections/css/bug1741234-patient.alphalabs.ca-height-fix.css new file mode 100644 index 0000000000..03004d00fe --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1741234-patient.alphalabs.ca-height-fix.css @@ -0,0 +1,9 @@ +/** + * patient.alphalabs.ca - "Continue" button is overlapped by displaced page footer + * Bug #1741234 - https://bugzilla.mozilla.org/show_bug.cgi?id=1741234 + * WebCompat issue #93156 - https://webcompat.com/issues/93156 + */ + +body { + height: 100%; +} diff --git a/browser/extensions/webcompat/injections/css/bug1748455-reddit.com-gallery-image-width-fix.css b/browser/extensions/webcompat/injections/css/bug1748455-reddit.com-gallery-image-width-fix.css new file mode 100644 index 0000000000..4f4296a346 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1748455-reddit.com-gallery-image-width-fix.css @@ -0,0 +1,9 @@ +/** + * www.reddit.com - Slideshow images have zero width + * Bug #1748455 - https://bugzilla.mozilla.org/show_bug.cgi?id=1748455 + * WebCompat issue #97271 - https://webcompat.com/issues/97271 + */ + +.gallery-img > faceplate-img { + height: auto; +} diff --git a/browser/extensions/webcompat/injections/css/bug1754473-m.intl.taobao.com-number-arrow-buttons-overlapping-fix.css b/browser/extensions/webcompat/injections/css/bug1754473-m.intl.taobao.com-number-arrow-buttons-overlapping-fix.css new file mode 100644 index 0000000000..5161649152 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1754473-m.intl.taobao.com-number-arrow-buttons-overlapping-fix.css @@ -0,0 +1,9 @@ +/** + * m.intl.taobao.com - The quantity value on the shopping cart is hardly + * visible due to https://bugzilla.mozilla.org/show_bug.cgi?id=966844, + * but a CSS change can fix it in the meantime. + * Bug #1754473 - https://bugzilla.mozilla.org/show_bug.cgi?id=1754473 + */ +.o-t-item .item-info .edit-quantity .btn-input input[type="number"] { + appearance: textfield; +} diff --git a/browser/extensions/webcompat/injections/css/bug1765947-veniceincoming.com-left-fix.css b/browser/extensions/webcompat/injections/css/bug1765947-veniceincoming.com-left-fix.css new file mode 100644 index 0000000000..4c2df651ba --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1765947-veniceincoming.com-left-fix.css @@ -0,0 +1,9 @@ +/** + * veniceincoming.com - site is not usable + * Bug #1765947 - https://bugzilla.mozilla.org/show_bug.cgi?id=1765947 + * WebCompat issue #102133 - https://webcompat.com/issues/102133 + */ + +.tour-list .single-tour .mobile-link { + left: 0; +} diff --git a/browser/extensions/webcompat/injections/css/bug1770962-coldwellbankerhomes.com-image-height.css b/browser/extensions/webcompat/injections/css/bug1770962-coldwellbankerhomes.com-image-height.css new file mode 100644 index 0000000000..22a6b331d1 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1770962-coldwellbankerhomes.com-image-height.css @@ -0,0 +1,14 @@ +/** + * coldwellbankerhomes.com - Property images are displayed squeezed + * Bug #1770962 - https://bugzilla.mozilla.org/show_bug.cgi?id=1770962 + * WebCompat issue #102872 - https://webcompat.com/issues/102872 + */ + +.property-snapshot-psr-panel + .prop-pix + .photo-carousel.owl + .owl-stage-outer + .owl-item + img { + height: -moz-available; +} diff --git a/browser/extensions/webcompat/injections/css/bug1774490-rainews.it-gallery-fix.css b/browser/extensions/webcompat/injections/css/bug1774490-rainews.it-gallery-fix.css new file mode 100644 index 0000000000..95dbf219c9 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1774490-rainews.it-gallery-fix.css @@ -0,0 +1,9 @@ +/** + * rainews.it - Image slideshow is not shown + * Bug #1774490 - https://bugzilla.mozilla.org/show_bug.cgi?id=1774490 + * WebCompat issue #105402 - https://webcompat.com/issues/105402 + */ + +.photogallery-swiper .swiper-slide { + height: auto; +} diff --git a/browser/extensions/webcompat/injections/css/bug1784141-aveeno.com-acuvue.com-unsupported.css b/browser/extensions/webcompat/injections/css/bug1784141-aveeno.com-acuvue.com-unsupported.css new file mode 100644 index 0000000000..6d3aff1eea --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1784141-aveeno.com-acuvue.com-unsupported.css @@ -0,0 +1,13 @@ +/** + * aveeno.com and acuvue.com - Unsupported message is displayed + * + * Bug #1784141 - aveeno.com - https://bugzilla.mozilla.org/show_bug.cgi?id=1784141 + * Bug #1804730 - acuvue.com - https://bugzilla.mozilla.org/show_bug.cgi?id=1804730 + * + * WebCompat issue #103557 - https://webcompat.com/issues/103557 + * WebCompat issue #103557 - https://webcompat.com/issues/110797 + */ + +#browser-alert { + display: none !important; +} diff --git a/browser/extensions/webcompat/injections/css/bug1784195-nutmeg.morrisons.com-overflow.css b/browser/extensions/webcompat/injections/css/bug1784195-nutmeg.morrisons.com-overflow.css new file mode 100644 index 0000000000..3199ca7e6b --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1784195-nutmeg.morrisons.com-overflow.css @@ -0,0 +1,9 @@ +/** + * nutmeg.morrisons.com - Menu items overflow content area + * Bug #1784195 - https://bugzilla.mozilla.org/show_bug.cgi?id=1784195 + * WebCompat issue #105417 - https://webcompat.com/issues/105417 + */ + +#sidebar-wrapper { + overflow-x: auto; +} diff --git a/browser/extensions/webcompat/injections/css/bug1784199-entrata-platform-unsupported.css b/browser/extensions/webcompat/injections/css/bug1784199-entrata-platform-unsupported.css new file mode 100644 index 0000000000..78ffaeb53e --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1784199-entrata-platform-unsupported.css @@ -0,0 +1,14 @@ +/** + * aptsovation.com - Unsupported message is displayed on sites based on Entrata platform + * Bug #1784199 - https://bugzilla.mozilla.org/show_bug.cgi?id=1784199 + * WebCompat issue #100131 - https://webcompat.com/issues/100131 + */ + +* { + color: unset; +} + +#propertyProduct, +.banner_overlay { + display: none; +} diff --git a/browser/extensions/webcompat/injections/css/bug1784351-movistar.com.ar-overflow-overlay-fix.css b/browser/extensions/webcompat/injections/css/bug1784351-movistar.com.ar-overflow-overlay-fix.css new file mode 100644 index 0000000000..ba8f67d849 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1784351-movistar.com.ar-overflow-overlay-fix.css @@ -0,0 +1,10 @@ +/** + * movistar.com.ar - Page layout is broken + * Bug #1784351 - https://bugzilla.mozilla.org/show_bug.cgi?id=1784351 + * WebCompat issue #108729 - https://webcompat.com/issues/108729 + */ + +.overlay-container { + overflow-x: hidden; + overflow-y: auto; +} diff --git a/browser/extensions/webcompat/injections/css/bug1789164-zdnet.com-cropped-section.css b/browser/extensions/webcompat/injections/css/bug1789164-zdnet.com-cropped-section.css new file mode 100644 index 0000000000..e0615d589c --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1789164-zdnet.com-cropped-section.css @@ -0,0 +1,10 @@ +/** + * www.zdnet.com - "ZDNET Recommends" section is cropped + * Bug #1789164 - https://bugzilla.mozilla.org/show_bug.cgi?id=1789164 + * WebCompat issue #109342 - https://webcompat.com/issues/109342 + */ + +.c-featureThreeItems { + margin-left: -1rem; + width: 100vw; +} diff --git a/browser/extensions/webcompat/injections/css/bug1799994-www.vivobarefoot.com-product-filters-fix.css b/browser/extensions/webcompat/injections/css/bug1799994-www.vivobarefoot.com-product-filters-fix.css new file mode 100644 index 0000000000..3684b4d555 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1799994-www.vivobarefoot.com-product-filters-fix.css @@ -0,0 +1,13 @@ +/** + * www.vivobarefoot.com - product filters cannot be interacted-with + * Bug #1799994 - https://bugzilla.mozilla.org/show_bug.cgi?id=1799994 + * WebCompat issue #108752 - https://webcompat.com/issues/108752 + * + * The breakage is actually correct behavior, but because of Chrome + * bug https://bugs.chromium.org/p/chromium/issues/detail?id=606208 + * it is currently not breaking on Chrome. We can work around it by + * bumping the z-index of the filter options. + */ +.page-products .filter-options { + z-index: 2; +} diff --git a/browser/extensions/webcompat/injections/css/bug1800000-www.honda.co.uk-choose-dealer-button-fix.css b/browser/extensions/webcompat/injections/css/bug1800000-www.honda.co.uk-choose-dealer-button-fix.css new file mode 100644 index 0000000000..b1df5f8bc2 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1800000-www.honda.co.uk-choose-dealer-button-fix.css @@ -0,0 +1,13 @@ +/** + * www.honda.co.uk- "choose dealer" buttons cannot be interacted-with + * Bug #1800000 - https://bugzilla.mozilla.org/show_bug.cgi?id=1800000 + * WebCompat issue #109242 - https://webcompat.com/issues/109242 + * + * The breakage is actually correct behavior, but because of Chrome + * bug https://bugs.chromium.org/p/chromium/issues/detail?id=606208 + * it is currently not breaking on Chrome. We can work around it by + * bumping the z-index of the filter options. + */ +.cta-button { + z-index: 2; +} diff --git a/browser/extensions/webcompat/injections/css/bug1800127-www.burgerking.es-webkit-fill-available-fix.css b/browser/extensions/webcompat/injections/css/bug1800127-www.burgerking.es-webkit-fill-available-fix.css new file mode 100644 index 0000000000..12d7fac91d --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1800127-www.burgerking.es-webkit-fill-available-fix.css @@ -0,0 +1,13 @@ +/** + * www.burgerking.es - Images are not appearing in the carousel + * Bug #1800127 - https://bugzilla.mozilla.org/show_bug.cgi?id=1800127 + * WebCompat issue #111677 - https://webcompat.com/issues/111677 + * + * The page is not adding -moz-available as a fallback for + * -webkit-fill-available, which we add here. + */ +.bk-feat-prod__img, +.bk-login__hr2, +.bk-hero-for-children__faldon__center { + width: -moz-available; +} diff --git a/browser/extensions/webcompat/injections/css/bug1800143-www.nintendo.co.jp-zoomed-in-image-scrolling-fix.css b/browser/extensions/webcompat/injections/css/bug1800143-www.nintendo.co.jp-zoomed-in-image-scrolling-fix.css new file mode 100644 index 0000000000..f5f0bcf3b7 --- /dev/null +++ b/browser/extensions/webcompat/injections/css/bug1800143-www.nintendo.co.jp-zoomed-in-image-scrolling-fix.css @@ -0,0 +1,11 @@ +/** + * www.nintendo.co.jp - Scrolling is interrupted on zoomed-in images + * Bug #1800143 - https://bugzilla.mozilla.org/show_bug.cgi?id=1800143 + * WebCompat issue #108190 - https://webcompat.com/issues/108190 + * + * The page is not adding a fallback for -webkit-user-drag: none, + * so we add pointer-events:none. + */ +.local-catalog__zoomImageContent img { + pointer-events: none; +} |