MediaWiki:Gadget-dynamiccategories-noapi.js: Difference between revisions

No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
 
(3 intermediate revisions by the same user not shown)
Line 121: Line 121:


.gallery-catlist .catgallery-thumb {
.gallery-catlist .catgallery-thumb {
    width:100%;
width: 100%;
    aspect-ratio:1;
aspect-ratio: 1;
    border:1px solid #ccc;
border: 1px solid #ccc;
    object-fit:cover;
object-fit: cover;
    object-position:center top;
object-position: center top;
    box-sizing:border-box;
box-sizing: border-box;
border-radius: 10px;
}
}


Line 157: Line 158:


.gallery-compact .catgallery-text, .gallery-compacter .catgallery-text {
.gallery-compact .catgallery-text, .gallery-compacter .catgallery-text {
    position:absolute;
position: absolute;
    color:#fff;
color: #fff;
    width:100%;
width: 100%;
    height:100%;
height: 100%;
    box-sizing:border-box;
box-sizing: border-box;
    padding:5px 10px;
padding: 5px 10px;
    bottom:0;
bottom: 0;
    left:0;
left: 0;
    display:flex;
display: flex;
    align-items:flex-end;
align-items: flex-end;
    background-image: linear-gradient(7deg, rgba(0,0,0,0.7), transparent 50%);
background-image: linear-gradient(7deg, rgba(0,0,0,0.7), transparent 50%);
    text-shadow: 0 0 10px black;
text-shadow: 0 0 10px black;
    word-break:break-word;
word-break: break-word;
border-radius: 10px;
text-align: left;
text-wrap: balance;
}
}


Line 270: Line 274:
     .gallery-catlist ul {
     .gallery-catlist ul {
         grid-template-columns: repeat(3, 1fr) !important;
         grid-template-columns: repeat(3, 1fr) !important;
         gap:0.5em;
         gap:0.5em !important;
        font-size: 75%;
     }
     }
}
}