1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-06-26 15:23:15 +00:00

Quickstart: Get rid of unnecessary link for the action button

This commit is contained in:
jeremy@jermolene.com 2023-04-10 10:59:10 +01:00
parent 6ff518c43f
commit 65aaab88a4
2 changed files with 2 additions and 22 deletions

View File

@ -155,32 +155,14 @@ type: text/vnd.tiddlywiki
.tc-cards.tc-action-card .tc-card-button {
border: 1px solid <<colour foreground>>;
background: <<colour foreground>>;
color: <<colour background>>;
margin: 0.5em;
border-radius: 6px;
}
.tc-cards.tc-action-card .tc-card-button a {
border-radius: 6px;
padding: 0.5em;
color: <<colour background>>;
fill: <<colour background>>;
display: inline-block;
width:100%;
height:100%;
}
.tc-cards.tc-action-card .tc-card:hover .tc-card-button a {
background: <<colour background>>;
color: <<colour foreground>>;
fill: <<colour foreground>>;
}
.tc-cards.tc-action-card .tc-card-button a:hover {
text-decoration: none;
}
.tc-cards.tc-action-card .tc-card-button a svg {
.tc-cards.tc-action-card .tc-card-button svg {
width: 0.65em;
height: 0.65em;
vertical-align: middle;

View File

@ -129,9 +129,7 @@ That renders as:
</div>
<$list filter="[all[current]has[button-text]]" variable="ignore">
<div class="tc-card-button" style.background-color={{!!button-color}} style.border-color={{!!button-color}}>
<$link to={{!!link}}>
<$text text={{!!button-text}}/>&#32;{{$:/core/images/chevron-right}}
</$link>
<$text text={{!!button-text}}/>&#32;{{$:/core/images/chevron-right}}
</div>
</$list>
</div>