Hi Dave,
Try my workaround; it is easy to understand and is functional in a few
minutes ;)
It is based on Jeremy's TaskManagementExample and switches the
$:/tags/stylesheet tag.
I added a tab Styles to the SideBar.
Create a tiddler [[Styles]] tagged with $:/tags/SideBar which contains the
following code:
<$list
filter="[!has[draft.of]tag[stylewide]!tag[$:/tags/stylesheet]sort[created]]">
<$checkbox tag="$:/tags/stylesheet"> <$link to={{!!title}}><$view
field="title"/></$link></$checkbox>
</$list>
<$list filter="[!has[draft.of]tag[stylewide
]tag[$:/tags/stylesheet]sort[created]]">
<$checkbox tag="$:/tags/stylesheet"> <$link to={{!!title}}><$view
field="title"/></$link></$checkbox>
</$list>
Create another tiddler [[Style 'wide']] tagged with 'stylewide' which
contains":
```
@media (min-width: 770px) {
.tw-tiddler-frame {
width: 686px; /* default 686 px; */
}
}
.sidebar-header {
left: 770px; /* default 770px */
}
```
You can now adjust the width you want.
E.g. you want a 500px wider tiddler width:
- Set tw-tiddler-frame width to 1186px
- Shift the SideBar the same amount: left 1270px.
And there you are.
Ticking the checkbox *Style 'wide'* increases your tiddler width and your
SideBar shifts with it.
Cheers,
Ton
On Monday, November 25, 2013 8:29:57 PM UTC+1, David Gifford wrote:
>
> Hi Ton
>
> I will try this but is on hold since I am really busy and since this would
> require some time to understand it, experiment with it, concentrate, and
> get it right. Maybe in January...
>
> Dave
>
>
> On Mon, Nov 25, 2013 at 1:05 PM, Ton Gerner <ton.g...@gmail.com<javascript:>
> > wrote:
>
>> Hi Dave,
>>
>> Did you manage to automatically widen your story-river?
>> For me it was to difficult: it means a new theme (based on your own
>> theme). So I left it for the moment.
>> I made a "non-programmers workaround".
>>
>> If you can live with:
>>
>> 1) ticking a checkbox to switch widths.
>> 2) only one - configurable - wide tiddler width
>>
>> there is an easy solution.
>>
>> If you are interested, just let me know.
>>
>> Cheers,
>>
>> Ton
>>
>>
>>
>>
>> On Sunday, November 24, 2013 11:32:20 PM UTC+1, Bob Robison wrote:
>>>
>>> Dave,
>>>
>>> I think the following were the key CSS changes required to get the
>>> adaptive widening of the story-river. I don't know what other consequences
>>> there may be, but hopefully if you just do the following you will get the
>>> change you are after:
>>> 1 - For story-river class: remove width property, change position from
>>> relative to absolute, set right: to whatever width you want your sidebar to
>>> be (I used a reference to settings##sidewidth the way I did it in etch.
>>> 2 - For sidebar-header class: Set width explicitly (again here I used
>>> settings##sidewidth parameter), remove padding (or adjust), and remove left
>>> position param.
>>> 3 - For tw-tiddler-frame class, just remove explicit width setting.
>>>
>>> Hope that helps,
>>> bob
>>>
>>> On Saturday, November 23, 2013 8:29:38 AM UTC-6, David Gifford wrote:
>>>>
>>>> Hi Bob
>>>>
>>>> How could I get just the stuff needed from Etch to widen the story
>>>> river as the screen widens? I don't want the other color and text
>>>> formatting changes. Could you either do a more limited version or send me
>>>> the CSS, etc, to do it? I have a widescreen laptop and prefer the wide
>>>> stuff, but I also publish my notes to the web so I can view them on my
>>>> iPad, so a responsive story river fits my needs exactly. But I already
>>>> have
>>>> my stylesheet the way I want it. I tried adding Etch to my main TW5, and
>>>> it
>>>> messed up the edittemplate.
>>>>
>>>> Blessings,
>>>>
>>>> Dave
>>>>
>>>> On Monday, November 11, 2013 9:33:28 PM UTC-6, Bob Robison wrote:
>>>>>
>>>>> I've just discovered how to (mostly) get a TW5 tiddlywiki up on
>>>>> tiddlyspot, though I think I still have some issues to work out. Anyway,
>>>>> I
>>>>> have been playing with creating a new theme -- mostly just to see how
>>>>> things work. It is most assuredly not ready for prime-time, but if
>>>>> anyone
>>>>> wants to take a peek and see what they think, I would appreciate the
>>>>> feedback. It is all part of the learning process.
>>>>>
>>>>> You can see current state at:
>>>>> http://tw5gray.tiddlyspot.com<http://www.google.com/url?q=http%3A%2F%2Ftw5gray.tiddlyspot.com&sa=D&sntz=1&usg=AFQjCNF0B3pay0PIVamvpwjPIOAR0-2X-A>
>>>>>
>>>>> bob
>>>>> (grayeul)
>>>>>
>>>> --
>> You received this message because you are subscribed to a topic in the
>> Google Groups "TiddlyWiki" group.
>> To unsubscribe from this topic, visit
>> https://groups.google.com/d/topic/tiddlywiki/877B0x2ejfQ/unsubscribe.
>> To unsubscribe from this group and all its topics, send an email to
>> tiddlywiki+...@googlegroups.com <javascript:>.
>> To post to this group, send email to tiddl...@googlegroups.com<javascript:>
>> .
>> Visit this group at http://groups.google.com/group/tiddlywiki.
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>
>
>
> --
> David Gifford
> Christian Reformed World Missions, Mexico City
>
--
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.
