Tom,

To start with you may want to use the words "tag pill".

I did a little investigation and found in my current selected theme 
$:/themes/tiddlywiki/vanilla/base the following;

button.tc-tag-label, span.tc-tag-label {
    display: inline-block;
    padding: 0.16em 0.7em;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.2em;
    color: <<colour tag-foreground>>;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: <<colour tag-background>>;
    border-radius: 1em;
}

If you edit this it replaces the shadow tiddler

Deleting "    border-radius: 1em;" Got the result you were after.
Just changing to "    border-radius: 0em;" also works

Not Happy?

Delete $:/themes/tiddlywiki/vanilla/base and the default content will be 
restored.

I am sure there are more elegant methods like overwriting the CSS in a 
style sheet because if $:/themes/tiddlywiki/vanilla/base is updated you 
will not see the update. But this works

But my hack was as follows;

Add to the Tiddler MyStyles tagged $:/tags/Stylesheet

The Whole clause above with your modification, this will override that in 
the theme.

People with more CSS scill can override just the boarder-radius.


Regards
Tony


On Thursday, 7 September 2017 03:18:40 UTC+10, Tom Bardout wrote:
>
> Hi,
>
> I'd like to know where I can find the code that makes the rounded corners 
> for tags. I'd like to make it rectangular
>

-- 
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/3530db3f-f547-4524-a085-347bee4d8eaf%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to