diff --git a/plugins/tiddlywiki/translators/macros/translatableStringEditor.tid b/plugins/tiddlywiki/translators/macros/translatableStringEditor.tid
index ec1a9585a..a9a09e399 100644
--- a/plugins/tiddlywiki/translators/macros/translatableStringEditor.tid
+++ b/plugins/tiddlywiki/translators/macros/translatableStringEditor.tid
@@ -10,6 +10,10 @@ tags: $:/tags/Macro
<$list filter="""$(editFieldsFilter)$""" variable="editorField">
<$edit-text tag="$(editorTagName)$" field=<
> type="text" class="tc-edit-texteditor" minHeight="10px"/>
+<$reveal state="$:/state/showEnglishText" type=match text="show" tag="p">
+Default text:
+<$view tiddler="$:/core" subtiddler=<> field=<>/>
+
@@ -60,6 +64,8 @@ Delete translation
//<$count filter=<>/> translatable tiddlers in this group//
+<$checkbox tiddler="$:/state/showEnglishText" field="text" checked="show" unchecked="hide" default="hide"> Show the default text below editor field
+
<$radio tiddler="$:/plugins/tiddlywiki/translators/editorTag" value="textarea"> Multi-line editors
<$radio tiddler="$:/plugins/tiddlywiki/translators/editorTag" value="input"> Single-line editors
diff --git a/plugins/tiddlywiki/translators/system/styles.tid b/plugins/tiddlywiki/translators/system/styles.tid
index 14b7a2177..61c47405d 100644
--- a/plugins/tiddlywiki/translators/system/styles.tid
+++ b/plugins/tiddlywiki/translators/system/styles.tid
@@ -12,4 +12,9 @@ tags: $:/tags/Stylesheet
.tc-translators-string-table .tc-drop-down {
min-width: 500px;
+}
+
+.tc-tiddler-frame textarea.tc-edit-texteditor,
+.tc-tiddler-frame input.tc-edit-texteditor {
+ background-color: #feffef;
}
\ No newline at end of file
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index b3a726d30..cbb8b1784 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -76,16 +76,17 @@ $else$
-webkit-box-sizing: border-box;
}
-input[type="search"] {
- outline-offset: initial;
-}
-
+/*
+** Button default styles. Makes them look consistent for all browsers
+*/
html button {
line-height: 1.2;
color: <>;
fill: <>;
background: <>;
- border-color: <>;
+ border: 1px solid <>;
+ border-radius: 3px;
+ padding: 2px 5px;
}
button:disabled svg {
@@ -221,8 +222,19 @@ dl dt {
margin-top: 6px;
}
-button, textarea, input, select {
- outline-color: <>;
+/*
+** Definition for text input elements so they look consistent for all browsers
+*/
+
+textarea, input, select {
+ border: 2px solid <>;
+ background-color: <>;
+}
+
+/* Input elements accessibility -- overwrite the reset */
+:focus-visible {
+ outline: 2px solid <>;
+ outline-offset: -2px; /* same as in reset.css [type='search'] but for more elements */
}
textarea,
@@ -231,7 +243,6 @@ input[type=search],
input[type=""],
input:not([type]) {
color: <>;
- background: <>;
}
input[type="checkbox"] {
@@ -293,6 +304,10 @@ pre > code {
color: inherit;
}
+/*
+Table defaults
+*/
+
table {
border: 1px solid <>;
width: auto;
@@ -320,10 +335,40 @@ table tfoot tr td {
background-color: <>;
}
+/*
+Table utility classes
+*/
+
+/* Remove borders from table as used in eg: GettingStarted*/
+.tc-table-no-border,
+.tc-table-no-border th,
+.tc-table-no-border td {
+ border: initial;
+}
+
+/* First column in table width will fit to text.*/
+/* This rule makes most sense with tc-first-link-nowrap*/
+.tc-first-col-min-width td:nth-child(1) {
+ width: 1%;
+}
+
+/* First link A element will not wrap */
+.tc-first-link-nowrap:first-of-type a {
+ white-space: nowrap;
+}
+
+/*
+CSV parser plugin
+*/
+
.tc-csv-table {
white-space: nowrap;
}
+/*
+Tiddler frame in story river
+*/
+
.tc-tiddler-frame img,
.tc-tiddler-frame svg,
.tc-tiddler-frame canvas,
@@ -1140,6 +1185,7 @@ button.tc-btn-invisible.tc-remove-tag-button {
.tc-tiddler-frame .tc-tiddler-controls {
float: right;
+ padding: 3px; /* make space for outline */
}
.tc-tiddler-controls .tc-drop-down {
|