On Tuesday, February 26, 2019 at 6:35:34 AM UTC-8, talha131 wrote:
>
> I am using material theme by JD
>
> http://j.d.material.tiddlyspot.com/
>
> The stylesheet is here
>
>
> http://j.d.material.tiddlyspot.com/#%24%3A%2Fthemes%2Fjd%2FMaterial%2FStylesheet
>
> It has a class div.tc-tab-content.jd-lists-body.
>
> My question is how does TW knows which CSS class or selector is to be
> applied to which component?
>
> In theme source code, I don’t see any where that says apply
> div.tc-tab-content.jd-lists-body to this specific div.
>
Searching in the "system" tab for "jd-lists" finds this matching tiddler:
*$:/themes/jd/Material/Template/Header-Sidebar*
Edit that tiddler and you will find this:
<$macrocall $name="tabs"
tabsList="[all[shadows+tiddlers]tag[$:/tags/SideBar]!has[draft.of]]"
default={{$:/config/DefaultSidebarTab}} state="$:/state/tab/sidebar"
class="jd-lists-body"/>
Note the class="jd-lists-body" param. That class is assigned to the
<div>'s of the tabset when they are rendered.
hope this helps,
-e
> Usually you declare CSS classes in the html for example
>
> <div class="example-class">
> <p id="talha">
> Lorem ispum
> </p>
> </div>
>
> Where is the part <div class="tc-tab-content jd-lists-body">
>
>
--
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 [email protected].
To post to this group, send email to [email protected].
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/6f06fe63-1392-46cd-a1e3-de553fcc63c4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
