On Monday, July 13, 2020 at 8:46:17 AM UTC-7, Adithya B M wrote:
>
> Please check out http://adithyab.tiddlyspot.com/
> The issue with the width of the content is still persisting. Could you 
> suggest what to do about it?
>

I think I've fixed it now.  The problem wasn't with the framestyle CSS.... 
it was a combination of two things:

1) Several updates ago, I changed the scrollFrame from a div to a $button 
so that it could handle "click to pause/resume", as well as $keyboard input 
(space/enter to start/pause/resume, escape to stop).  The problem was that 
the $button style had a default width, which meant it was only as wide as 
needed to fit the content.

2) My test tiddlers (US Constitution and Hamlet) both contain regular 
paragraphs of text that use the full tiddler width and word-wrap onto 
additional lines as needed.  Thus, the scrollFrame $button that contained 
that content was always showing as being as wide as the containing 
tc-tiddler-body.

To fix this, I simply added "width:100%" to the scrollFrame $button 
definitions (in TiddlyTools/AutoScroll/Viewer and 
TiddlyTools/AutoScroll/Template).

I've posted the update to http://TiddlyTools.com/autoscroll.html, and also 
dropped the updated Template into your document to test.  It seems OK now.

One minor note: in your document, you specify "padding:1em" in the 
framestyle setting.  This makes the scrollFrame a bit smaller than the 
non-scrolling default appearance of your tiddler content.  I suggest 
leaving "framestyle" setting blank to allow your tiddler to scroll without 
having any change in styles.

Let me know how it goes...
-e




 

>
> Thanks!
>
> On Monday, July 13, 2020 at 3:17:38 AM UTC+5:30, Eric Shulman wrote:
>>
>> On Sunday, July 12, 2020 at 11:10:34 AM UTC-7, Adithya B M wrote:
>>>
>>> Thanks for all the work. Superb stuff!
>>>
>>
>> Thanks.
>>  
>>
>>> Some feedback:
>>> 1) In the latest version, the width of the content in autoscroll 
>>> tiddlers is reduced in my TW (is it because of the new 
>>> "scrollContent"/"scrollframe" container?). I see its not the case in your 
>>> demo TW. I wonder why...
>>> 2) Also, could we do without adding a white background to the autoscroll 
>>> tiddlers? I have a black themed TW, so i generally remove it manually.
>>>
>>
>> Both of the above issues are most likely related to the "scrollframe" 
>> styles.
>> To address your customization needs for your black theme, I've refactored 
>> the style handling.
>> There is now one more tiddler in the package: 
>> TiddlyTools/AutoScroll/FrameStyles
>> which contains just the CSS declarations used for the scrollframe.  The 
>> default contents of this tiddler is:
>> border:1px solid; padding:1em; background:#ffe;
>> which gives a nice light yellow-ish colored background.
>>
>> If you edit this tiddler, you can change the styles to suit your 
>> preferences.
>>
>> You can also just delete that tiddler entirely, and the AutoScroll display
>> will have no border or padding or background color, allowing your
>> tiddler text/background colors to show up as you want.
>>
>> Note: I also removed the "gray background when paused" style, since its
>> visually obvious when the scrolling is paused (i.e., things stop moving!)
>>
>> All of this is now fully documented in the posted file, here:
>>    http://TiddlyTools.com/autoscroll.html
>>
>> enjoy,
>> -e
>>
>>
>>
>>
>>
>>> Adithya
>>>
>>> On Sunday, July 12, 2020 at 10:12:17 PM UTC+5:30, Eric Shulman wrote:
>>>>
>>>> Another update:
>>>>
>>>> * added handling for ENTER, SPACE, and ESCAPE to start, pause/resume, 
>>>> and stop auto-scrolling
>>>> * added documentation
>>>>
>>>> -e
>>>>
>>>

-- 
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 [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/b175ccf0-7143-467b-92ae-5dcbcf47bb26o%40googlegroups.com.

Reply via email to