fix(core): 🐛 responsive thumbnail on new media structure

StarCitizenTools · Feb 22, 2023 · ddb425c · ddb425c
1 parent 54c8717
commit ddb425c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/resources/skins.citizen.styles/layout.less b/resources/skins.citizen.styles/layout.less
@@ -40,13 +40,6 @@
 	grid-area: content;
 }
 
-a.image {
-	> img {
-		max-width: inherit;
-		height: auto;
-	}
-}
-
 @media ( min-width: @width-breakpoint-desktop ) {
 	.citizen-page-container {
 		// Reserve space for header

diff --git a/resources/skins.citizen.styles/skinning/content.media-screen.less b/resources/skins.citizen.styles/skinning/content.media-screen.less
@@ -15,6 +15,9 @@ figure[ typeof~='mw:File/Frame' ] {
 		overflow: hidden;
 
 		> img {
+			max-width: 100%;
+			// Needed to override inline styles
+			height: auto !important;
 			contain: strict;
 			transition: @transition-transform;
 		}

diff --git a/resources/skins.citizen.styles/skinning/content.thumbnails-screen.less b/resources/skins.citizen.styles/skinning/content.thumbnails-screen.less
@@ -17,6 +17,12 @@
 			margin-right: 1px;
 			// Counter the weird hardcoded 2px width added by core
 			margin-left: 1px;
+
+			> img {
+				max-width: inherit;
+				// Needed to override inline styles
+				height: auto !important;
+			}
 		}
 
 		&:before {