Presenting: sticky-shade for sticky titles

[Mat]

Do you like sticky and shady things? TWaddle gives thee:

sticky-shade

Relevant for those who, like me, really like the "sticky titles" setting.

This adds a shading below the titles to indicate that there is content above,

similar to how e.g this google board and gmail behaves.

<:-)

Edit: Apparently it doesn't work well on Safari so I left a SideEditor open for people to try out different values.

What's happening is that the shade is hidden behind the title until the title sticks and the shade is

 set into its own sticky position just below the title. Safari users can expreiment with the numbers.

[Eneko Gotzon]

Hi (Great) Mat.

That kind of effects adds to TW aesthetic features.

Thus, you are not acting "only" as coding engineers but also as artists; ten over ten.

Thank you very much.

Take care.

On Thu, Nov 23, 2017 at 4:27 PM, Mat <matia...@gmail.com> wrote:

Do you like sticky and shady things? TWaddle gives thee:

sticky-shade

Relevant for those who, like me, really like the "sticky titles" setting.

This adds a shading below the titles to indicate that there is content above,

similar to how e.g this google board and gmail behaves.

<:-)

--
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+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/eae0f46b-0cb9-4c99-aa21-33478dd59fd4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Eneko Gotzon Ares

Izan, egon, egin

Donostia – EH, Baskonia, NA Oso

Tf 

(+34) 943 273 431 - (+34) 639 626 858

——————————————————

Mezu hau eta berari atxikitako agiri oro isilpeko dira eta soilik hartzaileari zuzentzen zaizkie. Mezu hau hutsegitez jasoz gero berau ezabatzea eskatzen da eta igorleari horren berri ematea eskertuko litzake. Baimen agerikorik gabe debekatuta dago mezu honen edota bere edukinen edozein erabilera edo hedatzea, bai osoki zein zatiz. 

Mezu elektronikoak andea daitezke; mezu hau andeaturik, aldaturik edota aizun balego Eneko Gotzon Aresek edota bere ordezkariek uko egiten diote edonolako ardurei.

[magev958]

Nothing shows in Safari 10.1.2 for mac, but do in Chrome 62 and Firefox 56. Opera Neon for mac shows the shadow all the time but the sticky-title does not work

Looks nice :)

[Mat]

On Thursday, November 23, 2017 at 7:55:29 PM UTC+1, magev958 wrote:

Nothing shows in Safari 10.1.2 for mac, but do in Chrome 62 and Firefox 56. Opera Neon for mac shows the shadow all the time but the sticky-title does not work

I just had a chance to test it on an ipad and you're right - doesn't work. What happens is that the shade remains hidden behind the title. It is located there all along but in safari it apparently doesn't jump down to the right position when sticky is activated for the title.

I played around with different css number values (top/margin-top and height) and it does work - but I didn't have a chance to perfect it. Anyone feel free to experiment. Regardless, I assume that if one makes it look good in Safari then it won't look good in chrome so it is apparently not a general solution. 

Improvements are welcome ;-)

<:-)

[Mat]

OK, I decided to leave the SideEditor open for Safari users to experiment with the numbers.

What's happening is that the shade is hidden behind the title until the title sticks and the shade is
set into its own sticky position just below the title. Safari users can expreiment with the numbers.

If you find a magic setting or come up with a better solution, please report!

<:-)

[@TiddlyTweeter]

Mat

Its a basic Pain In The Proverbials dealing with missing standards.

Maybe one way forward is as live-lab? It seems to me CSS is a major way on with TW but often gets stymied.

Maybe this is an area where current paucity of interactive collaborative systems fails us?

Just prodding.

Best wishes
Josiah

[Mat]

 Update 

@magev or safari users - could someone please see if it works now? I think I've now made it font-size independent and thus hopefully platform neutral.

<:-)

[Eneko Gotzon]

At the opening of the link​

 Screen Shot 2017-11-24 at 17.12.23.png

​

Hovering the cursor over the hidden side bar​

 Screen Shot 2017-11-24 at 17.12.36.png

​

After closing the plugin popup (there is neither shadow nor perspective)​

 Screen Shot 2017-11-24 at 17.13.15.png

​

--
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+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/b14f09f7-1714-47f6-b14e-d5cc937f7584%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[Mat]

Eneko

yeah, what you see in the first two pics has nothing to do with sticky-shade. That is the SideEditor (my first plugin a few years back)

Now, your third image shows that sticky-shade still does not work for Mac tho :-/ - but I must ask; your first post in this therad indicates that you did get it to work. Was that not on a Mac then? Or did the previous shicky-shade version work on a Mac for you?

BTW, thanks for the encouraging words everyone.

<:-)

[Eneko Gotzon]

On Nov 24, 2017 18:19, "Mat" <matia...@gmail.com> wrote:

what you see in the first two pics has nothing to do with sticky-shade.

I'm sorry Mat; please excuse my ignorance.

your first post indicates that you did get it to work. Was that not on a Mac then?

My first post was using Chrome on a Mac.

Later, I have tried sticky-shade on Safari to try to help your test request.

thanks for the encouraging words

They are deserved praise, the least that a thankful user should do.

Take care.

- -

Eneko Gotzon Ares