====== TiddlyWiki ======

Classic vs. TW5

===== TiddlyDesktop =====
[[github>Jermolene/TiddlyDesktop]]

==== Spell Check ====
" Add spell-checking support #32" [[github>Jermolene/TiddlyDesktop/issues/32#issuecomment-472638623]]
<code javascript package.json>
--mixed-context --enable-spell-checking
</code>

===== Tiddly Wiki Classic ====

==== StyleSheet ====

https://gist.github.com/ParoTheParrot/150439beb3100a1db895d310e2463bb5
<code css tw_StyleSheet_tabs>
.viewer .tabSelected,
.viewer .tabContents        { background-color: [[ColorPalette::Background]]; } /* use inherit? returns "border-bottom" to tabSelected (actually it is __) for some reason */
.viewer .tabSelected:hover    { color: inherit; } /* inconsistent: either switch pointer back to ~normal and make sure it doesn't do a thing or ... */

.tabset { padding-left: 0; }
.tab {
    display: inline-block;
    white-space: pre-wrap;
    position: relative;
    bottom: -1px;
    /*z-index: 1;*/

    padding: 0.2em 0.5em;
    margin-left: 0;
    margin-right: 0.25em;
}
.tab:last-child { margin-right: 0; }

/* one-line tabsMore, tested in FF, Chrome, Vivaldi, Edge, IE (for english locale) */
#sidebar                  { width: 17.1em; }
#sidebarTabs .tabContents { width: 16.2em; }
</code>

=== rounding corners of different elements ===
https://gist.github.com/ParoTheParrot/89ab8563a349b2ded4f2da74e1ce990b
<code css>
pre, .tagged, .tagging, #messageArea, .popup, .tiddlyLink, .button {
  border-radius: 4px;
}
.tiddlyLink {   padding: 0px 2px;   margin: 0 -2px; } 
</code>

=== hover elements: Shadow instead borders  ===
https://gist.github.com/ParoTheParrot/003bccf1dfc32740decd252081fb36e2

<code css>
#messageArea { border: none; box-shadow: 1px 2px 5px [[ColorPalette::TertiaryMid]]; }
.popup { padding: 0.3em 0; border: none; box-shadow: 1px 2px 5px [[ColorPalette::TertiaryMid]]; }
.popup .popupMessage, .popup li.disabled, .popup li a { padding: 0.3em 0.7em; }
</code>

==== Erweiterungen ====
Kennzeichnung mit: ''systemConfig ''


<code javascript MessageFadeOut>
config.options.txtFadeTimer = 5000; // 5 seconds 

var displayMessageFADEOUT=displayMessage;
displayMessage=function(text,linkText)
{
	displayMessageFADEOUT.apply(this, arguments);
	ti=config.options.txtFadeTimer;
	if(ti>0)setTimeout(clearMessage,ti); 
}
</code>
https://gist.github.com/ParoTheParrot/f7468bdf612d4537dcbc8b2ea2676876



===== Drittseiten =====
  * classic : https://karlarao.github.io/karlaraowiki/index.html
  * save to server : http://xn--mns-ula.dk/TW/phpFiles/
  * MainTiddlyServer : https://yakovl.github.io/MainTiddlyServer/about.html