Tiddlersbar and top of story river

#1

Hello all,

I am currently using the tiddlersbar plugin (http://tw5breadcrumbs.tiddlyspot.com/) to have tabbed navigation at the top of the page. I’m also using zoomin view. When I have a long tiddler and I scroll through it, it goes behind the tabs of tiddlersbar. If I have several tabs open, the tiddlersbar can obscure the tiddler control buttons.

Is there a way to stop the scrolling of the story river just below the tiddlersbar to prevent this?

Thanks

#2

I wonder whether what you want is to get “sticky titles” (in Appearance > theme tweaks control panel) working with tiddlersbar.

Although I don’t run tiddlersbar, it probably functions similarly to the menubar plugin – in which case it may require a small css tweak so that sticky titles don’t scroll under that top element, and you can always see your title and controls.

The tweak (that works on tiddlywiki.com for the menubar in its standard configuration once sticky titles is turned on) is in the tiddler called $:/themes/tiddlywiki/vanilla/sticky

See where the “top” element is (which by default is 0px) and change to something like 30px:

.tc-tiddler-title {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	top: 30px;
	background: ``<<colour tiddler-background>>``;
	z-index: 500;
}

-Springer

#3

Thanks. The definitely keeps the tiddler buttons in view which solves the issue.

1 Like
#4

I wanted to underline @Springer’s solution at Tiddlersbar and top of story river - #2 by Springer …

This a common issue that a tweak of “sticky titles” CSS quickly solves.

(Moan: Where is this common needed solution logged?)
(Do we need a Common Solutions FAQ?)

cc: @admins

Best, TT

#5

Actualy this specific parameter sould be stripped out and added to theme tweaks with the menu bar plugin setting and documenting.

Such a simple change adds to self documentation as well.

1 Like
#6

If I understand you correctly, you mainly mean that the standard “Menu Bar” plugin could benefit from added info on how to optimise the CSS for sticky titles? Yes?

cc @jeremyruston

#7

More tha that. The top of story needs to be tweakable for a dozen reasons. Logos. Action tiddlers bar - an invention of my own (in draft), a message bar, breadcrumbs and other yet to be imagined. It needs to be a customisable ui element. Also one other plugins can tweak

#8

TBH, I think this needs attention widely if there is concern. But maybe better a new thread to diss this?

It is complex IMO in that TW is very “democratic” and asserting primary Tiddlers is both challenging and enlightening. Final implementations should stay flexy IMO.

Just a segue
TT

#9

Thanks for the interesting discussion. While I’m not too sure how many people use the tiddlersbar plugin, I’m sure there are more than use the Menu Bar plugin. I can’t say for sure, but I would think the same issue may occur with it. I took Springer’s solution and also tweaked the tiddlersbar styling to come up with this. Works great!

image
image1551×130 49.2 KB

1 Like