codestyle improvements in Backstage.js, Lingo.js, Wizard.js,
improvements of styling (markup and CSS) of messageArea, backstage, wizard
refactor using BEM (naming convention: blockName, blockName__elementName, blockName_modifierName, blockName_modifierName-modifierValue, the latter not used yet)
during refactoring, removed a hack for IE 5, 6 and display: block; for a div
backstage and wizard: remove multiple borders/colorful paddings and make padding of wizard symmetric; increase paddings of buttons and status messages in footer
messageArea: substitute "close" text with SVG icon but allow to fallback (controlled by chkDontUseSvgIcons option); align the button to the right (without awkward horizontal padding)
shortened mainSaved message from "Main TiddlyWiki file saved" to "TiddlyWiki saved"
some screenshots:
was:
became:
was:
became:
with config.options.chkDontUseSvgIcons = true:
Ok, to avoid complicationschkDontUseSvgIcons option was removed and now the fallback is used only when browser doesn't support inline SVG (old FireFox did)
This branch contains:
display: block;
for adiv
chkDontUseSvgIcons
option); align the button to the right (without awkward horizontal padding)mainSaved
message from "Main TiddlyWiki file saved" to "TiddlyWiki saved"some screenshots: was: became:
was: became: with
config.options.chkDontUseSvgIcons = true
: