From 2e50ddc2134f4889d38b1ba917451aa927c83c57 Mon Sep 17 00:00:00 2001 From: Tobias Beer Date: Thu, 11 Dec 2014 17:34:43 +0100 Subject: [PATCH 1/3] allows to style buttons as though internal links by assigning class="tc-btn-invisible tc-tiddlylink" --- themes/tiddlywiki/vanilla/base.tid | 2 ++ 1 file changed, 2 insertions(+) diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid index da057fa53..b767691a0 100644 --- a/themes/tiddlywiki/vanilla/base.tid +++ b/themes/tiddlywiki/vanilla/base.tid @@ -139,6 +139,7 @@ table tfoot tr td { ** Links */ +button.tc-tiddlylink, a.tc-tiddlylink { text-decoration: none; font-weight: normal; @@ -154,6 +155,7 @@ a.tc-tiddlylink { color: <>; } +button.tc-tiddlylink:hover, a.tc-tiddlylink:hover { text-decoration: underline; } From 05a794d5b83982be98ac93b85a0aea749e4dda97 Mon Sep 17 00:00:00 2001 From: Tobias Beer Date: Mon, 15 Dec 2014 17:55:56 +0100 Subject: [PATCH 2/3] documentation for making buttons look like links added instructions to button widget documentation --- editions/tw5.com/tiddlers/widgets/ButtonWidget.tid | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/editions/tw5.com/tiddlers/widgets/ButtonWidget.tid b/editions/tw5.com/tiddlers/widgets/ButtonWidget.tid index f3f52412a..769117eb2 100644 --- a/editions/tw5.com/tiddlers/widgets/ButtonWidget.tid +++ b/editions/tw5.com/tiddlers/widgets/ButtonWidget.tid @@ -31,7 +31,7 @@ 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 | |aria-label |Optional [[Accessibility]] label | |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
`tc-btn-invisble tc-tiddlylink` will give it the look of an internal link| |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` | -|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` | \ No newline at end of file From 2317840ce64653114797800f029af418ced7ba41 Mon Sep 17 00:00:00 2001 From: Tobias Beer Date: Tue, 16 Dec 2014 15:36:20 +0100 Subject: [PATCH 3/3] updated documentation for link-button --- editions/tw5.com/tiddlers/widgets/ButtonWidget.tid | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/editions/tw5.com/tiddlers/widgets/ButtonWidget.tid b/editions/tw5.com/tiddlers/widgets/ButtonWidget.tid index 769117eb2..0c8fb20bd 100644 --- a/editions/tw5.com/tiddlers/widgets/ButtonWidget.tid +++ b/editions/tw5.com/tiddlers/widgets/ButtonWidget.tid @@ -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 | |aria-label |Optional [[Accessibility]] label | |tooltip |Optional tooltip | -|class |An optional CSS class name to be assigned to the HTML element
`tc-btn-invisble tc-tiddlylink` will give it the look of an internal link| +|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 | |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` | \ No newline at end of file +|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. \ No newline at end of file