ThaSauce Adjustments by misaelk

/* ==UserStyle==
@name         ThaSauce Adjustments
@version      20221013.23.28
@namespace    userstyles.world/user/misaelk
@description  Compo adjustments:
* Shows the hidden "Late Entry" label.
* Fixes the bottom overflow on titles, and shows the full title on hover.
* Adds a (buggy) lightbox-like visualization for images, when the theme is an image.
@author       misaelk
@license      No License
==/UserStyle== */

@-moz-document domain("compo.thasauce.net") {
.compo-status.late-entry {
    display: block;
}

.card-title h4 {
    padding-bottom: 4px;
    margin-bottom: -4px;
}
.truncate:hover {
    white-space: normal;
    overflow: visible;
}

.round-resources > ul + div.row div.col:hover {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    padding: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
}
.round-resources > ul + div.row div.col:hover img {
    object-fit: contain;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    padding: 0;
    filter: drop-shadow(0 0 3px #fff);
}
}