Hi Mario, A new release of Tiddler commander is ready to upload and now:
- All css prefixes changed to cmd- so there is no confusion with TW standard css prefixes (Note: there was no overwrite) - The default tab button style has not been changed! but the a customized css for the tab button in Commander UI has been developed! So, there is no worry if user apply different themes - Tiddler Commander is not mobile friendly but I asked *Jd* to help with that! regarding the !important, it seems the Tiddlywiki itself uses !important flag, as I could not change the $edit-text width using a simple css but, you are totally right and I am not sure if I can find any other solution and I would appreciate if you can suggest other solution. Best Mohammad On Tuesday, March 26, 2019 at 4:06:46 PM UTC+4:30, PMario wrote: > > Hi folks! > > First of all @Mohammad: I wasn't aware, that all of this can be done with > TW macros. GREAT WORK! ... > > I've found 2 things that caught my attention immediately. see: 2 > Styleshees > <https://kookma.github.io/TW-Commander/#%24%3A%2Fplugins%2Fkookma%2Fcommander%2Fstylesheet%2Ftext-area:%24%3A%2Fplugins%2Fkookma%2Fcommander%2Fstylesheet%2Ftext-area%20%24%3A%2Fplugins%2Fkookma%2Fcommander%2Fstylesheet%2Ftabs> > . > > It seems the plugin modifies cm-xxx classes. Where cm- prefix is already > used for CodeMirror plugins. > > IMO you shouldn't do this. What if a user doesn't use CodeMirror? ... > > It also seems, that the plugin modifies the "tab-button" settings. > - Why? > - As soon as someone includes the plugin, they do have 2 different tab > styles? > - What's the difference? > - Styling only, or is there a difference in function? > - What if users use a different "theme" than the plugin expects? > - IMO the CSS !important flag is toxic see link:[1]. So I personally try > to avoid it at all cost! > > ------------------------ > > About CSS prefixes: TW uses tc-, tv-, tm- and th- prefixes for different > things. > > tc- ... tw class > tv- ... tw variable > tm- ... tw message > th- ... tw hook > > If I need similar classes like tc-xxx I use wltc- prefix. for WikiLabs > tw class. ... This mechanism allows me to have short class prefixes and > they don't clash with existing classes tc- classes. Same with wltm-, wlth- > ... I think you get it. > > So if you need new class definitions you could add your own 2 chars in > front of tc-. So everyone that sees them knows: OK that's a class from a > plugin. > > Just some thoughts. > > ------------------------ > > have fun! > mario > > [1] https://uxengineer.com/css-specificity-avoid-important-css/ > > -- 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+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/b2896941-13df-4713-b036-20379d957b8d%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.