Provide page zoom feature

[Jermolene]

As requested here:

https://groups.google.com/d/topic/tiddlywikidev/F9Ny7Vsahrs/discussion

[zhilongjia]

a temporary solution is adding "font-size:110%;" into your tiddlywiki html page (search "body {font-size:.75em; font-family:arial,helvetica;) . That is: "body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0; font-size:110%;}"

[pmario]

a temporary solution is adding "font-size:110%

I think, this could be done with the ControlPanel.

[tobibeer]

A workaround suggested by Jeremy for setting a default zoomlevel:

There is a quick and dirty hack for this. Locate the file "html/host.html" within the TiddlyDesktop executable, and then add the following to the top of the style definition around line 38:

#twFrame {
-webkit-transform: scale(1.5);
-webkit-transform-origin: 0 0;
}

[Jermolene]

Over at #36 @braykov requests the following shortcuts:

• CTRL with scroll
• CTRL with +/- TiddlyDesktop should as well remember the zooming % for each wiki after closed and reopened.

[tobibeer]

There is no more hosts.html these days. Where to add the styles for https://github.com/Jermolene/TiddlyDesktop/issues/30#issuecomment-67783219?

Addendum: Ok, I've created a UserStyles.tid tidder file under windows in the config folder at:

C:\Users\AppData\Local\TiddlyWiki\user-config-tiddlywiki\tiddlers

title: $:/TiddlyDesktop/UserStyles
tags: $:/tags/Stylesheet

.td-wiki-frame {
    -webkit-transform: scale(1.5);
    -webkit-transform-origin: 0 0;
}

What's the idea behind the td- prefix?

[Jermolene]

See #72 for a possible way to implement this.

[ghost]

Any process about this?

[enricllagostera]

Yes, I'd really appreciate this functionality. It helps a lot for using TiddlyDesktop in different contexts / screens without having to manually change CSS styles all the time. I would like to try to implement it but I haven't learned yet how to create plugins yet.

[mateuszwilczek]

I have created a tweak that binds keyboard shortcuts ctrl/cmd shift +/-/0 to pseudo zoom in/out/reset zoom in TiddlyDesktop. It works by changing the px sizes as defined in vanilla theme tweaks. It has its limitations, so it's not a solution to this issue, but it works well enough for me. See it at https://wilk-tweaks.tiddlyhost.com (or permalink to demo of this pseudo zoom).