Hello all…
For a long, long time I’ve ignored a minor issue I experience with the standard Home icon in the sidebar — happens on Chrome and Firefox.
All the other icons turn black upon mouse over – easy to click, but the Home button’s hitbox doesn’t trigger until the mouse moves to the right (off the icon) and is then only a pixel or two wide.
Since no-one else mentions this experience I was left thinking it’s a weird glitch in my file — OR perhaps some interference in my custom CSS? (doubtful as I haven’t overwritten any standard native TW styles)
Just NOW — I found something “similar” mentioned in this post (Simple-search icon buttons in sidebar issue) — which refers to a different icon AND although I didn’t quite understand the discussion it gave me an idea — which only half fixed the issue.
I had adjusted the page toolbar to select only the buttons I wanted AND I had dragged and dropped “home” to the first postion (left to right). SO… I dragged a different button to the top of the list — voila! The glitch only affects the first icon.
Since the solution is suggested ONLY in that 2023 post (above) and refers to “plugins” — I don’t think I’m using any plugins (as far as I know)? Could the glitch be corrected in the standard vanilla implementation of tiddlywiki’s empty.html file?
As for fixing my various single page wikis … I get nervous trying to tweak things I don’t understand. So please, HOW do I fix this once and for all?
Do I need to update all my files from 5.3.6 — will that resolve the issue?
I can’t replicate this on tiddlywiki.com or the empty edition. I’m guessing that there is some custom CSS added directly or through a plugin you don’t remember installing. Is there a chance that your wiki can be uploaded somewhere where we could see it, even temporarily?
Debugging tips:
You can find all Stylesheet tiddlers in your wiki from Advanced Search > Filter, by entering [all[tiddlers+shadows]tag[$:/tags/Stylesheet]].
If none of those look to be likely culprits, it’s possible to include CSS in a <style> tag in a tiddler. Close all your tiddlers and see if it’s still happening. If not, open those ones back up one at a time, testing after each, until it happens again. Then the one you just opened is probably the issue. Edit it and see if there are any <style> tags included.
If you find the tiddler responsible, and you don’t understand the CSS, post the contents here, and someone can probably help.
thanks for responding.
Other than using TiddlyHost, I’ve no idea how to share other than save the file into google-drive?
Anything I’ve pushed up to TiddyHost doesn’t have the problem, so I don’t think it’s my custom-css.
I’m now testing via an old file.html (5.3.6) that I had saved with my preferred control-panel settings in case I wanted to start a new wiki. Issue IS NOT happening. Let me sleuth for a bit, with your debug tips, and I’ll get back to you.
Added the custom-css = aok.
UPDATE EDIT
Yay! Found the culprit.
I had made theme tweaks in the control panel. It falls over when I change the story width to 800px. BUT unaffected by adjusted Story right setting (780px).
