Add border and background styling to the Parsoid styles for images

Without these, framed images aren't actually framed in the Parsoid HTML.

Change-Id: Ie19f1c9b4652562aef1a92de8c52c484c4407c95

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 7bfb642..081524a 100644 (file)
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -38,7 +38,6 @@ figure[typeof*='mw:Image'] {
                float: right;
        }
 
-       /* @noflip */
        &.mw-halign-left {
                /* @noflip */
                margin: .5em 1.4em 1.3em 0;
@@ -68,9 +67,17 @@ figure[typeof*='mw:Image'] {
        }
 }
 
-figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Image/Frame'] {
+figure[typeof~='mw:Image/Thumb'],
+figure[typeof~='mw:Image/Frame'] {
        display: table;
        overflow: hidden;
        text-align: center;
        padding: 3px;
+       border: 1px solid #ccc;
+       background-color: #f9f9f9;
 }
+
+figure[typeof~='mw:Image/Thumb'] img,
+.mw-image-border img {
+       border: 1px solid #cccccc;
+}
\ No newline at end of file