Line 3: |
Line 3: |
| | | |
| local BaseAsset = BaseData{ | | local BaseAsset = BaseData{ |
− | _image_wrapper_style = {display = "inline-block", position = "relative", overflow = "hidden", ['vertical-align'] = "middle"}, | + | -- overflow = "hidden", ['vertical-align'] = "middle" |
− | _image_layer_style = {position = "absolute", ['line-height'] = "0px"}, | + | _image_wrapper_style = {display = "inline-block", position = "relative"}, |
| + | -- ['line-height'] = "0px" |
| + | _image_layer_style = {position = "absolute"}, |
| _grayscale_style = {filter = "grayscale(100%)", ['-webkit-filter'] = "grayscale(100%)"}, | | _grayscale_style = {filter = "grayscale(100%)", ['-webkit-filter'] = "grayscale(100%)"}, |
| } | | } |
| | | |
| function BaseAsset:_add_layer(stack, layer, ship, args, link) | | function BaseAsset:_add_layer(stack, layer, ship, args, link) |
− | stack:node(mw.html.create('span'):addClass('image-layer'):css(self._image_layer_style):css(layer.style):wikitext(Formatting:format_image{ | + | -- addClass('image-layer') |
| + | stack:node(mw.html.create('span'):css(self._image_layer_style):css(layer.style):wikitext(Formatting:format_image{ |
| layer.image, | | layer.image, |
| -- caption = layer.caption or args.caption, | | -- caption = layer.caption or args.caption, |
Line 18: |
Line 21: |
| | | |
| function BaseAsset:_create_stack(image, grayscale) | | function BaseAsset:_create_stack(image, grayscale) |
− | local stack = mw.html.create('span'):addClass('image-stack'):css(self._image_wrapper_style) | + | -- :addClass('image-stack') |
| + | local stack = mw.html.create('span'):css(self._image_wrapper_style) |
| if grayscale then | | if grayscale then |
| stack:node(mw.html.create('span'):addClass('grayscale-wrapper'):css(self._grayscale_style):wikitext(image)) | | stack:node(mw.html.create('span'):addClass('grayscale-wrapper'):css(self._grayscale_style):wikitext(image)) |