All Collections
Assembla Project Management
Tickets
How to Use Custom CSS to View Nested Subtasks on Assembla's Cardwall
How to Use Custom CSS to View Nested Subtasks on Assembla's Cardwall
Toshi Dávila avatar
Written by Toshi Dávila
Updated over a week ago

Currently, Assembla doesn't offer a nested view for the Cardwall. To get around that, users can add custom CSS to their space to achieve a similar view:

  1. Open the Admin page for your space

  2. Click on the Appearance menu

  3. In the Style section, paste the custom CSS from below into the textbox

  4. Click the flag icon to filter out related tickets

Custom CSS:

#cardwall-container span[title="Show epic's related tickets"]::after,

#cardwall-container span[title="Clear epic's related tickets filter"]::after {

    content: "Epic";

    width: 100%;

    height: 21px;

    display: block;

    background: rgba(107, 233, 107, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    color: #000000;

    padding-left: 5px;

    border-radius: 3px 3px 0 0;

    font-size: 11px;

}

#cardwall-container span[title="Show story's related tickets"]::after,

#cardwall-container span[title="Clear story's related tickets filter"]::after {

    content: "Story";

    width: 100%;

    height: 21px;

    display: block;

    background: rgba(253, 255, 68, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    color: #000000;

    padding-left: 5px;

    border-radius: 3px 3px 0 0;

    font-size: 11px;

}

#cardwall-container span[title="Show subtask's related tickets"]::after,

#cardwall-container span[title="Clear subtask's related tickets filter"]::after {

    content: "Subtask";

    width: 100%;

    height: 21px;

    display: block;

    background: rgba(107, 221, 238, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    color: #000000;

    padding-left: 5px;

    border-radius: 3px 3px 0 0;

    font-size: 11px;

}

.u-cardwallCard h4 {

    margin-top: 22px;

    line-height: 17px;

    font-size: 13px;

}

.nav-item a[title="Intranet"] {

    background-color: red;

    color: #fff !important;

    padding: 0 5px;

}

Did this answer your question?