up vs down Checkmark Verifier by jeremy46231

/* ==UserStyle==
@name         up vs down Checkmark Verifier
@version      20240629.18.50
@namespace    https://userstyles.world/user/Jeremy
@description  For the Hack Club Slack
@author       Jeremy
==/UserStyle== */

@-moz-document url-prefix("https://app.slack.com/client/") {
@font-face {
    font-family: "custom";
    src: url('https://raw.githack.com/jeremy46231/Ligaturizer/master/fonts/output/LigaturizedFiraCode-Bold.ttf');
}

button.c-reaction:has(> img[aria-label="white check mark emoji"]) {
    width: calc(100% - 250px);
    height: 100%;
    opacity: 0.5;
    position:absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    justify-content:start;
    align-items:start;
    padding: 50px 24px;
    background-color: transparent;
    box-shadow: unset;
    transform: unset;
    text-decoration: none;
    div.c-message_kit__actions:not(:has(span.p-member_profile_hover_card)) & {
        padding: 8px 24px;
    }
}

div.c-popover__content:has(div.c-reaction__tip--emoji > img[aria-label="white check mark emoji"]) {
    position: unset !important;
    width: 100vw;
    background-color: transparent !important;
    
    & div.c-reaction__tip--emoji_wrapper, & div.c-tooltip__tip__arrow {
        display: none;
    }
    
    & div.c-tooltip__tip {
        max-width: unset;
        width: 100vw;
        border-radius: 0;
        background-color: blue;
    }
    
    & div.c-reaction__tip_group {
        position:absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 40px 0;
        background-color: transparent;
        color: red;
        font-family: "custom";
        font-weight: 900;
        -webkit-text-stroke: 3px white;
        font-size: 8rem;

        & span.c-tooltip__subtitle {
            display:none;
        }
    }
}
}