On Thursday, May 28, 2015 at 11:03:59 AM UTC-7, Mat wrote: > > Here is a demo > <http://twaddle.tiddlyspot.com/#Demo%20for%20%22drag-resize%20element%22:%5B%5BDemo%20for%20%22drag-resize%20element%22%5D%5D> > > for how we can make page elements drag-to-resize, *directly *at the > element. > > very nice!
> Note that your screenwidth must be more or less matching, or you must set > it there, for it to behave properly. (Is there any way to detect screen > size? This would be useful in TW for different themes etc) > Use the "vw" (viewport width) and "vh" (viewport height) CSS measures. They work *similar* to "%", in that you can write "50vw" to mean "half the viewport width". Note that "viewport" isn't always the same as "window". For example, when content is in an iframe or a scrolling area, etc. http://caniuse.com/#feat=viewport-units > Note also that the slider stems from the tiddler - close the tiddler and > you close the slider. > If you add $:/tags/PageTemplate to $:/_TWaddle/SizeSlider/Sidebar then the slider will always appear, without having to keep the tiddler open. Also, I found that it works well if you place it along the bottom of the window, by using CSS: bottom:0; width:100vw; enjoy, -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 post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/6d138b51-a9ec-462e-b4ab-66d2c1001ef5%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
