[tw] Re: Fixed tiddler width? (TW5)
Ton,
That's excellent, thank you!
Matt
On Friday, December 27, 2013 1:53:57 PM UTC-8, Ton Gerner wrote:
Hi,
Have a look at my guide at http://tw5toolbar.tiddlyspot.com/
The 'Toggle fluid width button' performs what you want: a fixed sidebar at
the right and the tiddlers taking up the rest of the browser width. You can
toggle between 'normal' and 'fluid width'.
You can e.g. add the button to your Page control buttons or - if you want
it standard - you can just add the styles used for the 'Toggle fluid width
button' in a tiddler tagged with $:/tags/stylesheet.
'Fluid width' style:
/* TIDDLER WIDTH WIDTH OF SIDEBAR */
/* the width of the sidebar (x) must be the same as the */
/* value subtracted from the story river width (100% - x) */
.story-river {
position: absolute;
width: calc(100% - 26em);
}
.tw-tiddler-frame {
width: 100%;
}
.sidebar-header {
float: right;
width: 26em;
left: auto;
padding: 70px 0 0 0;
}
Cheers,
Ton
On Friday, December 27, 2013 10:42:19 PM UTC+1, Stephan Hradek wrote:
But this does not answer his question Is there any way to reverse this
layout? I would much prefer a fixed width sidebar anchored to the right of
the screen with the tiddlers taking up the rest of the browser window.
So to give the answer: No. It's not possible at the moment.
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.
[tw] Re: Fixed tiddler width? (TW5)
Hi All, To have the same fluidity on different screen/browser window size it is recommended to express all dimensions in %. Okido 2013年12月27Hi金曜日 21時37分01秒 UTC+1 Kadoba01: I just updated from the classic TiddlyWiki to the new 5.0.5 beta. I like all of the changes except the tidders now only take up less than half of my browser window. The sidebar (I believe it's called the story) takes up an enormous portion of my screen. Looking through the settings it looks like the reason is that the tidders now have fixed width. Is there any way to reverse this layout? I would much prefer a fixed width sidebar anchored to the right of the screen with the tiddlers taking up the rest of the browser window. -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
[tw] Re: Fixed tiddler width? (TW5)
Hi, Open the Control Panel with the Settings button - (gear symbol) Select Theme Tweaks and experiment with the last 3 values. If you found your settings, in the right sidebar open the More: Shadows: $:/themes/tiddlywiki/vanilla/metrics tiddler and adjust the values there. - save - reload - done. eg: storyright: `1200px` storywidth: `1200px` tiddlerwidth: `1140px` The story or story river is the area that contains the tiddlers. The right sidebar is still the right sidebar ;) have fun! mario -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
[tw] Re: Fixed tiddler width? (TW5)
But this does not answer his question Is there any way to reverse this layout? I would much prefer a fixed width sidebar anchored to the right of the screen with the tiddlers taking up the rest of the browser window. So to give the answer: No. It's not possible at the moment. -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
[tw] Re: Fixed tiddler width? (TW5)
Hi,
Have a look at my guide at http://tw5toolbar.tiddlyspot.com/
The 'Toggle fluid width button' performs what you want: a fixed sidebar at
the right and the tiddlers taking up the rest of the browser width. You can
toggle between 'normal' and 'fluid width'.
You can e.g. add the button to your Page control buttons or - if you want
it standard - you can just add the styles used for the 'Toggle fluid width
button' in a tiddler tagged with $:/tags/stylesheet.
'Fluid width' style:
/* TIDDLER WIDTH WIDTH OF SIDEBAR */
/* the width of the sidebar (x) must be the same as the */
/* value subtracted from the story river width (100% - x) */
.story-river {
position: absolute;
width: calc(100% - 26em);
}
.tw-tiddler-frame {
width: 100%;
}
.sidebar-header {
float: right;
width: 26em;
left: auto;
padding: 70px 0 0 0;
}
Cheers,
Ton
On Friday, December 27, 2013 10:42:19 PM UTC+1, Stephan Hradek wrote:
But this does not answer his question Is there any way to reverse this
layout? I would much prefer a fixed width sidebar anchored to the right of
the screen with the tiddlers taking up the rest of the browser window.
So to give the answer: No. It's not possible at the moment.
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.
