mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-27 12:07:19 +00:00
Code Issues Releases Wiki Activity

Merge pull request #1228 from tobibeer/button.tc-tiddlylink

Browse Source 
allows to style buttons as though internal links
This commit is contained in:
Jeremy Ruston 2014-12-16 14:50:46 +00:00
commit b29973312d
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
editions/tw5.com/tiddlers/widgets/ButtonWidget.tid
View File

@ -31,7 +31,9 @@ The content of the `<$button>` widget is displayed within the button.
|popup |Title of a state tiddler for a popup that is toggled when the button is clicked | |popup |Title of a state tiddler for a popup that is toggled when the button is clicked |
|aria-label |Optional [[Accessibility]] label | |aria-label |Optional [[Accessibility]] label |
|tooltip |Optional tooltip | |tooltip |Optional tooltip |
|class |An optional CSS class name to be assigned to the HTML element | |class |An optional CSS class name to be assigned to the HTML element|
|style |An optional CSS style attribute to be assigned to the HTML element | |style |An optional CSS style attribute to be assigned to the HTML element |
|selectedClass |An optional additional CSS class to be assigned if the popup is triggered or the tiddler specified in `set` already has the value specified in `setTo` | |selectedClass |An optional additional CSS class to be assigned if the popup is triggered or the tiddler specified in `set` already has the value specified in `setTo` |
|default |Default value if `set` tiddler is missing for testing against `setTo` to determine `selectedClass` | |default |Default value if `set` tiddler is missing for testing against `setTo` to determine `selectedClass` |
''Tip:'' Set ''class'' to `tc-btn-invisble tc-tiddlylink` to have a button look like an internal link.

2
themes/tiddlywiki/vanilla/base.tid
View File

@ -139,6 +139,7 @@ table tfoot tr td {
** Links ** Links
*/ */
button.tc-tiddlylink,
a.tc-tiddlylink { a.tc-tiddlylink {
text-decoration: none; text-decoration: none;
font-weight: normal; font-weight: normal;
@ -154,6 +155,7 @@ a.tc-tiddlylink {
color: <<colour sidebar-tiddler-link-foreground-hover>>; color: <<colour sidebar-tiddler-link-foreground-hover>>;
} }
button.tc-tiddlylink:hover,
a.tc-tiddlylink:hover { a.tc-tiddlylink:hover {
text-decoration: underline; text-decoration: underline;
} }