Skip to main content

How to Use Custom CSS to View Nested Subtasks on Assembla's Cardwall

Toshi Dávila avatar
Written by Toshi Dávila
Updated over 4 months ago

Assembla allows you to use CSS for a nested view of the Cardwall.

To add custom CSS to your space

  1. In Assembla, click Space Settings > Appearance.

  2. In the Style section, paste the custom CSS from below into the textbox, and then click Save Changes.

  3. 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?