How to resize the sidebar

[Laurent CHARLES]

Hello,

I'd like to resize the sidebar to make is wider.
I did not find which stylesheet or macro parameter I have to change,
and I'm not skilled enough to understand the whole source code...

Does anyone know, if it is possible?

Thank you

--
-- Laurent

[FND]

> I'd like to resize the sidebar to make is wider.
> I did not find which stylesheet or macro parameter I have to change,
> and I'm not skilled enough to understand the whole source code...

Take a look at the StyleSheetLayout tiddler; there you'll find the
following lines:
#sidebar {
position: absolute;
right: 3px;
width: 16em;
font-size: .9em;
}

So you can change the width by adding something like the following to to
your StyleSheet tiddler:
#sidebar { width: 25em; }

However, I do not know whether there are any dependencies you need to
look out for...

HTH.

-- F.

[Eric Shulman]

> So you can change the width by adding something like the following to to
> your StyleSheet tiddler:
> #sidebar { width: 25em; }
> However, I do not know whether there are any dependencies you need to
> look out for...

you also need to adjust the #displayArea right margin so that the
tiddlers don't overlap the sidebar:

#displayArea { margin-right:26em; }

(note: margin is 1em larger than sidebar width to leave a gutter. Of
course, you can use whatever gutter size suits your taste.)

HTH,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

[Laurent CHARLES]

Hi

2007/2/8, Eric Shulman <elsd...@gmail.com>:

> > So you can change the width by adding something like the following to to
> > your StyleSheet tiddler:
> > #sidebar { width: 25em; }

> you also need to adjust the #displayArea right margin so that the

> tiddlers don't overlap the sidebar:
> #displayArea { margin-right:26em; }

I could change the sidebar width with the first hint. I also needed to
ajust the tabContent to have a correct look.
I could also play with the tiddler width with the second hint, ajusted
also with the .tiddler {margin-right: 26em; } param.
Thx for this

But I could not manage to have a correct overlap (well, non-overlap)
with the toggleSideBar plugin I am using.

For example, if I choose:
#sidebar { width: 30em;}
#sidebarTabs .tabContents { width: 29em;}

And have:
.tiddler { margin-right: 31em;}
#displayArea { margin-right: 31em;}
The sidebar is indeed wider and the tiddler narrower, but there is a
margin between the sidebar and the tiddler.

If I have instead
.tiddler { margin-right: 0em;}
#displayArea { margin-right: 0em;}
The tiddler width is fine when the sidebar is off, but there is an
overlap between the tiddler and the sidebar when the sidebar is on.

Actually it seems that the .tiddler or #display area param has no
impact, and that the margin reduction of the tiddler is managed
elsewhere. This margin reduction seems to correspond to the original
size of the sidebar.
But I did not find any such param in the togglesidebar plugin...

There is still something I did not catch.
Help welcome.