When 'timeline' and 'all' tabs become really too long

18 views
Skip to first unread message

Florian Cauvin

unread,
Dec 8, 2006, 9:04:13 PM12/8/06
to TiddlyWiki
As content is growing in a TW, "timeline" and "all" tabs are growing
too much to be practical.
I tried to replace the TabTimeline shadow tiddler by the following:

Tiddlers sorted by date:
<html><div macro="timeline" style="overflow:auto;
max-height:30em;"></div></html>

The list of tiddlers display well when TabTimeline is viewed as a
tiddler, but doesn't display anymore in the sidebar tabs. Any
suggestions?

Florian

Eric Shulman

unread,
Dec 8, 2006, 10:35:54 PM12/8/06
to TiddlyWiki
You can use CSS to "short sheet" the default [[Tab*]] shadow tiddler
contents. Just add this to your StyleSheet tiddler:

#sidebarTabs .tabContents { height:30em; overflow:auto; width:92.5%;
}';
#sidebarTabs .tabContents .tabContents { height:26em !important; }';

The second line is for the tabs contained in the "more" tabContents, so
that it leaves enough space for the missing/orphans/shadowed tabs as
well as some padding.

The difference of 4em between the outer and inner tab heights was
determined empirically, and you might want to adjust it depending upon
whatever other custom CSS you are using (such as different
fonts/padding/margins, etc.)

HTH,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

FND

unread,
Dec 9, 2006, 4:42:49 AM12/9/06
to TiddlyWiki
Thanks for this, Eric; I've wanted something like that as well.
However, I've made a few small changes:

#sidebarTabs .tabContents { max-height: 50em; overflow: auto; width:
92.5%; }
#sidebarTabs .tabContents .tabContents { max-height: 45em !important; }

I like max-height better than a fixed height. (I only use Firefox, so I
don't care about the fact that IE6 doesn't support max-height... )


-- F.

Reply all
Reply to author
Forward
0 new messages