TiddlyWiki

Dies ist eine alte Version des Dokuments!

Classic vs. TW5

„ Add spell-checking support #32“ Jermolene/TiddlyDesktop/issues/32#issuecomment-472638623

--mixed-context --enable-spell-checking

https://gist.github.com/ParoTheParrot/150439beb3100a1db895d310e2463bb5

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; }

rounding corners of different elements

https://gist.github.com/ParoTheParrot/89ab8563a349b2ded4f2da74e1ce990b

pre, .tagged, .tagging, #messageArea, .popup, .tiddlyLink, .button {
  border-radius: 4px;
}
.tiddlyLink {   padding: 0px 2px;   margin: 0 -2px; }

hover elements: Shadow instead borders

https://gist.github.com/ParoTheParrot/003bccf1dfc32740decd252081fb36e2

#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; }

Kennzeichnung mit: systemConfig

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); 
}