| 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)) |