How do conditionally format tiddlers that have a streams-list to appear like a Paperstack

#1

…for the tiddlers that already have a streams-Iist I would like to use a css like the one linked here for this: https://codepen.io/team/css-tricks/pen/dNQKXv
For tiddlers without a streams-list, I would like to have a clickable bottom-line to show the streams button.

#2

Hello, I now have the narrow button at the bottom of each tiddler…

<div style="height:0px">
<$button class="tc-btn-invisible" style="auto;width:106%; height:10px; transform: translate(-3%, 32px);" tooltip="Notizen">

</$button>
</div>

How can I garantee that it stays the last viewtemplate to show ?
How can I apply a conditional stylesheet to the tiddler-frame ?

#3

And here is the trick for conditional formatting:
tag: $:/tags/Stylesheet

<$list filter="[list[$:/StoryList]has[stream-list]!stream-show[yes]]">
[data-tiddler-title='{{!!title}}'] { box-shadow:
    0 1px 1px rgba(0,0,0,0.15),
    0 10px 0 -5px #fff,
    0 10px 1px -4px rgba(0,0,0,0.15),
    0 20px 0 -10px #fff,
    0 20px 1px -9px rgba(0,0,0,0.15) !important;
    padding: 30px;
}
</$list>
#4

Consider giving the streams tiddlers in the story their own class and using that for styling. See an example here.

1 Like