Tana is launching a new product 🚀 Get early access
⚡️ Ideas
Adam J. Richman Adam J. Richman Dec 2, 2024
Posted Wed, Jan 17, 2024 5:17 PM
Edited Mon, Dec 2, 2024 5:06 PM

Native Separator Nodes

Explain the problem as you see it

There's no way to make an attractive separator node natively. I currently do this with CSS, which works quite well. But it'd be good to have it natively for when I share my workspace with other folks.

Here's the CSS — 

    /* SPECIAL SEPERATOR #--- SUPERTAG */
    [data-tag-name="-"],[data-tag-name="--"],[data-tag-name="---"],[data-tag-name="----"],[data-tag-name="-----"] {
    opacity: 0.10;
    }
    [data-tag-name="-"] .bulletSide,[data-tag-name="--"] .bulletSide,[data-tag-name="---"] .bulletSide,[data-tag-name="----"] .bulletSide,[data-tag-name="-----"] .bulletSide {
    display: none;
    }
    [data-tag-name="-"] .templateNameList,[data-tag-name="--"] .templateNameList,[data-tag-name="---"] .templateNameList,[data-tag-name="----"] .templateNameList,[data-tag-name="-----"] .templateNameList {
    display: none;
    }

2024-01-16 at 22.44.09 - Tana - Tana - production day table [Curïo]@2x.png

Why is this a problem for you?

Mostly just to organize information more efficiently. I use it for fields especially...

2024-01-16 at 22.46.39 - Tana - Tana - production day table [Curïo]@2x.png

Suggest a solution

Add an item to the / menu that is "separator" that formats a special node that looks like what's attached.