This looks really nice, but when I try it in a new TW5 (5.1.13) the no1 and
no2 tiddler in a set of three get the next/prev button but not the no3
tiddler
Den måndag 20 februari 2017 kl. 16:50:39 UTC+1 skrev The Bo:
>
> Very interesting stuff indeed!
> @thomas
> I played with your code as well and added some css and made some changes:
> - displays the tiddlers title on hover
> - cuts long tiddler titles to "tiddler title..." (maybe you have to change
> the max-width)
>
> tag it $:/tags/ViewTemplate
> \define prevnextTip()
> $(prev_nextTiddler)$
> \end
>
> <div class="center">
> <$list filter='[is[current]tags[]limit[1]]' variable=CurrentTag>
> <$list variable=prev_nextTiddler filter='[tag<CurrentTag>!sort[
> ]before<currentTiddler>]'>
> <$wikify name=tt text=<<prevnextTip>>>
> <p class="left">
> <$button class='tc-btn-invisible_blue' tooltip=<<tt>>>
> <$action-navigate $to=<<PreviousTiddler>>/>{{$:/core/images/chevron-left
> }}<span class="left-notext">Previous</span><span
> class="left-text"> <<prev_nextTiddler>></span></$button></p></$wikify
> >
> </$list>
> <$list variable=prev_nextTiddler filter='[tag<CurrentTag>sort[]
> after<currentTiddler>]'>
> <$wikify name=tt text=<<prevnextTip>>>
> <p class="right"><$button class='tc-btn-invisible_blue' tooltip=<<tt>>>
> <$action-navigate $to=<<prev_nextTiddler>>/><span class="right-text"><<
> prev_nextTiddler>> </span><span class="right-notext">Next</span>
> {{$:/core/images/chevron-right}}</$button>
> </p>
> </$wikify>
> </$list>
> </$list>
> </div>
>
> tag this $:/tags/Stylesheet
> .tc-btn-invisible_blue { color: #518dae; fill: dimgrey; padding: 0;
> margin: 0; background: none; border: none;}
>
> .tc-btn-invisible_blue:hover {fill: black;}
>
> .center {text-align: center; max-height: 3px; padding-bottom: 7px; font-
> size: 12px;}
>
> .left {float: left;}
> .left-notext {display: inline;}
> .left:hover {background-color: Gainsboro;}
> .left:hover .left-notext {display: none;}
> .left-text {display: none; white-space: nowrap; overflow: hidden; text-
> overflow: ellipsis; max-width: 450px;}
> .left:hover .left-text {color: black; float: right; display: block; }
> .right {float: right; display: inline;}
> .right:hover {background-color: Gainsboro;}
> .right:hover .right-notext {display: none;}
> .right-text {display: none; white-space: nowrap; overflow: hidden; text-
> overflow: ellipsis; max-width: 450px;}
> .right:hover .right-text {color: black; float: left; display: block;}
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/40ae1da3-47f6-494c-9660-1e96359dd033%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
