MediaWiki:Vector-dark.css: Difference between revisions

← Older edit Newer edit →

@@ Line 490: / Line 490: @@
 	/* Ensure mw-jsslideshow fits inside vector-body */
 	.vector-body .mw-jsslideshow {
-	    padding: 0;
+	    width: 100%;
-	    margin: 0 auto;
+	    max-width: 100%;
-	    overflow: hidden;
+	    margin: 10px auto;
+	    padding: 10px;
 	    background-color: #002B5C;
 	    border: 2px solid #FF851B;
 	    border-radius: 8px;
+	    overflow: hidden; /* No floating garbage */
+	    box-sizing: border-box;
+	    position: relative; /* Keep it in normal page flow */
 	}
@@ Line 501: / Line 505: @@
 	    display: flex;
 	    flex-wrap: nowrap;
-	    justify-content: center;
+	    width: 100% !important; /* Force full width */
+	    height: auto !important; /* Let content define height */
+	    overflow: hidden;
+	    position: relative; /* Keep it within mw-jsslideshow */
+	    justify-content: center; /* Center slides */
 	    align-items: center;
 	}
-	.vector-body .mw-jsslideshow .slideshow div {
+	/* Each slide container */
-	    padding: 0;
+	.vector-body .mw-jsslideshow .slideshow > div {
-	    margin: 0;
+	    flex: 0 0 100%; /* Each slide is full width */
-	    box-sizing: border-box;
 	    display: flex;
 	    justify-content: center;
 	    align-items: center;
+	    overflow: hidden;
+	    box-sizing: border-box;
 	}
-	.vector-body .mw-jsslideshow .slideshow div img {
+	/* Images themselves */
-	    display: block;
+	.vector-body .mw-jsslideshow .slideshow img {
-	    max-width: 100%;
+	    width: 100%;
 	    height: auto;
 	    object-fit: contain;
-	    margin: 0; /* Kill any rogue margins */
+	    max-height: 90vh; /* Optional: keep tall images in check */
 	}