How to prevent tabs hiding behind side bar?

[Jero]

My second question in this group.

This refers to another plugin kindly posted here:
http://www.visualtw.ouvaton.org/VisualTW.html#TiddlersBarPlugin
which is called TiddlersBar Plugin.

This plugin produces a nice tabbed interface.
But when I open many tiddlers, the tabs reach far to the right,
getting out of sight behind the side bars.
How can I prevent this to happen?
I would like to have the tabs only reach the same horizontal length as
the horizontal length of the visible tiddler itself.

In an old post
http://groups.google.com/group/tiddlywiki/msg/12832a5b658950a0?hl=en
I found kind of an advice:

"Try adding this to your StyleSheet:
#tiddlersBar { overflow: hidden; } "

And I tried adding this code inside several tiddlers which have titles
similar to "StyleSheet", but nothing happened...

If somebody has some advice, I will be grateful.
I have seen some TW in Internet with a beautyful tabbed interface
whose tabs did not hide behind any sidebar, so I hope there is a way
to attain that.

[PMario]

Hi Jero,
Which TW did you use as a strarting point for your TW?

As I know, the default should be, that you get 2 or more rows of tabs.
So there seems to be something wrong with your theme. May be it's just
some CSS tweaking as you found out allready.
-m

[Jero]

Thank you very much for your reply.

I am using the theme I got in Tiddlyspace. I have not changed the theme.

I have the rows you said, but a part of them hide behind a sidebar.

Could you take a look on my TW? jminino.tiddlyspace.com

In case the owner is the only user who can invoke the tabbed interface, I add a link to a screenshot where you can see the issue:

http://dl.dropbox.com/u/15790475/tabs_problem_screenshot_01.PNG

[Bauwe Bijl]

Hi Jero

try:
#tiddlersBar {
margin-right: 448px;
}

This is the same margin as the tiddlyspace "tiddlerDisplay" uses (so
the sidebarTabs have enough space)...

Bauwe

[Jero]

Thanks a lot, but... Where can I paste that code? What is the name of
the tiddler and the position where I insert that? Sorry for the
ignorance.

[jero]

I already found the place, thanks a lot.

I pasted:

#tiddlersBar { 
margin-right: 448px; 

} 

at the end of the tiddler called:

StyleSheetTiddlySpace

and it did the trick! Now the 

Thank you very much.

[PMario]

On 11 Jul., 14:09, jero <jeronimo.min...@gmail.com> wrote:
> at the end of the tiddler called:
> StyleSheetTiddlySpace
> and it did the trick! Now the
> Thank you very much.

This works but StyleSheetTiddlySpace shouldn't be edited, since you
loose automatic update, if you copy/clone it to your space.

Just use your StyleSheet tiddler, because it is meant to be used for
StyleSheet CSS tweaking.

it should look like this:

/*{{{*/
StyleSheetTiddlySpace

#tiddlersBar {
margin-right: 448px;
}
/*}}}*/

The /*...*/ stuff is only there to get some nicer display. And if you
place your changes after StyleSheetTiddlySpace they will overwrite
default settings

-m