Help with using text buttons instead of icon buttons.

[Leo Staley]

I really don't like using icons for controls (in any app, really), either page or tiddler controls, and I would rather have buttons with text instead for nearly everything. 

Unfortunately, currently, changing options so as to to remove icons and use text instead introduces a number of serious visual problems

1. The buttons' font size are WAY too big, and take up way too much space (especially page controls), 

2. They don't don't look much like buttons should, and 

3. They have no reaction on mouse hover.

Personally, as my own example, I'd like to have the following css for the text of control buttons (page and tiddler) be close to something like this:

Normal  

  font-size: 16px;

  font-weight: normal;

  border: 1px solid

  padding: 0 4px 0 4px;

On hover 

  font-size: 16px;

  font-weight: bold;  

  border: 2px solid

  padding: 0 4px 0 4px;

In a most haphazard way, I figured out a few steps for how to make these apply to the toolbar buttons and the page control buttons, but I can't figure out 1) how to make them change on hover like with icons, and 2) I don't know how to make it change the text displayed for a button, if, for example, I wanted to shorten "control panel" to "settings" or "save changes" to "save".

I'd like to use em instead of px, but can't get it to work for the tiddler controls in view mode if i do. Unfortunately, doing it with px makes the "more" dropdown text go super tiny. arg.

Anyway, thanks for your time!

[Birthe C]

Hi Leo,

I would really like to see your example, do you have one on Tiddlyspot?

I did try myself. It is not what you want, but maybe you can change that yourself. http://test-button.tiddlyspot.com/


Birthe

[Jeremy Ruston]

Hi Leo

For 5.1.9 I've made a small tweak to make the size of the button text more reasonable:

https://github.com/Jermolene/TiddlyWiki5/commit/e2d4e41e961d2a761abaee5822e1064bc7bd9928

You can see a preview at http://tiddlywiki.com/prerelease

I'll fix the hover effect in a subsequent version.

Best wishes

Jeremy.

--
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+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
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/95e1b094-59fe-439b-8bef-d43828a58a66%40googlegroups.com.

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

--

Jeremy Ruston
mailto:jeremy...@gmail.com

[Jeremy Ruston]

Hi Leo

I've made some further changes for 5.1.9 which you can explore at:

http://tiddlywiki.com/prerelease

There's a new setting for choosing the toolbar button style: borderless (the default), boxed, or rounded. The latter two styles include hover effects. You can see some of the combinations in these illustrations.

Best wishes

Jeremy.

​

​

​

​