Trello by Mohon by enamul-hoque

/* ==UserStyle==
@name         Trello by Mohon
@version      20220924.15.12
@namespace    userstyles.world/user/enamul-hoque
@description  Visually optimized Trello styles for Flexibility.
@author       enamul-hoque
@license      No License
==/UserStyle== */

@-moz-document domain("trello.com") {
    /** Board List **/
    .boards-page-section-header-name {
        display: none;
    }
    .boards-page-board-section:first-child {
        display: none;
    }
    
    
    /** Compact List **/
    .list-card-details {
        position: relative;
    }
    .list-card-details > .list-card-title {
        padding-right: 25px;
    }
    .list-card-details > .badges {
        float: none;
        position: absolute;
        top: 4px;
        right: 5px;
        background-color: #fff;
        pointer-events: none;
    }

    .badge-icon.icon-clock {
        display: none; /* Hide Due Clock Icon for More Space */
    }
    
    .checklist-list {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .checklist-item-details-text {
        white-space: pre-wrap;
    }
    .checklist-item-state-complete .checklist-item-details-text {
        opacity: 0.45;
        text-decoration: none;
    }
    
    
    /** Checklist Items **/
    [data-testid="checklist-section"] > div:nth-child(3) > div:nth-child(3) {
        order: -1;
        padding-bottom: 8px;
    }

    [data-testid="checklist-section"] > div:nth-child(3) > div:nth-child(1) {
        order: -2;
    }

    [data-testid="checklist-items"] {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
    }
    [data-testid="checklist-items"] > li {
        display: flex;
    }


    /** Counter **/
    .list-cards,
    .archive-content {
        counter-reset: list;
    }
    .list-card-title:before {
        content: counter(list) ". ";
        counter-increment: list;
    }

    /** Checklist Counter **/
    .checklist-items-list {
        counter-reset: countList;
    }
    .checklist-item-details-text:before {
        content: counter(countList) ". ";
        counter-increment: countList;
    }
}