mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/ImageMap
synced 2024-12-18 00:30:33 +00:00
b2113e0154
The approach taken here is the same as in core for magnify links on thumbs in Id46d1b2ab1af3baebff13e10f1485f3cfd9a4b37 The gist is that resource attributes are added on the mw-file-element so that the necessary url is present in the html. A class is also added to the wrapper element that designates where the link should be positioned. Finally, a script adds the link which styles in appropriately. Bug: T329364 Depends-On: Id46d1b2ab1af3baebff13e10f1485f3cfd9a4b37 Change-Id: I20130fd39135dfd5074590ee9c2b6e01693384e4
31 lines
521 B
Plaintext
31 lines
521 B
Plaintext
.mw-ext-imagemap-inner {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.mw-ext-imagemap-desc-link {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: url( './desc-20.png' );
|
|
}
|
|
|
|
:not( figcaption ) .mw-ext-imagemap-desc-link {
|
|
.mw-ext-imagemap-desc-top-right > & {
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
.mw-ext-imagemap-desc-bottom-right > & {
|
|
bottom: 5px;
|
|
right: 5px;
|
|
}
|
|
.mw-ext-imagemap-desc-bottom-left > & {
|
|
bottom: 5px;
|
|
left: 5px;
|
|
}
|
|
.mw-ext-imagemap-desc-top-left > & {
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
}
|