Skip to content

Image aspect ratio fix for NoScript on Reuters.com by asteconn

Screenshot of Image aspect ratio fix for NoScript on Reuters.com

Details

Authorasteconn

LicenseCC-0

Categoryreuters.com

Created

Updated

Size733 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Applies some styling to fix the busted aspect ratios on the reuters site when scripting is disabled.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name       reuters.com
@version    20241106.17.00
@namespace  ?
==/UserStyle== */

@-moz-document domain("reuters.com") {

/* Inline #2 | https://www.reuters.com/?edition-redirect=uk */

[class*="media-story-card__image-container"],
body .image.image,
body .image.image > span {
  display: grid !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  grid-template: 1fr / 1fr;
  max-height: 100%;
  max-width: 100%;
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  height: 100%;
}

body .image.image > span > img {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  height: 100%;
}

body .image.image > [class*="styles__image-container"] {
  grid-column: 1/2;
  grid-row: 1/2;
}

}

Reviews

No reviews yet.