MediaWiki:Gadget-PortableInfoboxScrollArrows.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

.pi-item, .pi-media-collection {
    position: relative;
}

.pi-media-collection-icon-left.show,
.pi-media-collection-icon-right.show {
    --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
    display: block;
    height: 40px;
    position: absolute;
    background: linear-gradient(0deg, var(--color-base), rgba(var(--color-base--rgb), 0.1)), var(--icon-chevron-down);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    width: 40px;
    z-index: 102;
}

.pi-media-collection-icon-left.show::before {
    display: block;
}

.pi-media-collection-icon-left.show {
    left: 0;
    transform: rotate(90deg);
}
.pi-media-collection-icon-right.show {
    right: 0;
    transform: rotate(270deg);
    z-index: 102;
}