diff --git a/translations/src/de.rs b/translations/src/de.rs index 8fe0875..c693229 100644 --- a/translations/src/de.rs +++ b/translations/src/de.rs @@ -186,7 +186,6 @@ impl Translations { local_editor_note: "Öffne diese Adresse in deinem Browser um mit dem Editieren zu beginnen - sie ist nur für dich und von diesem Gerät zugänglich.", local_path: "Lokaler Pfad", loud_volume: "Hohe Lautstärke", - markdown_inline_links_are_supported_standalone_urls_are_automatically_linked: r#"Markdown Inline-Links werden unterstützt: [Beispiel](https://example.com)
Alleinstehende URLs werden automatisch verlinkt."#, maximize: "Maximieren", media_rss_description: "Ein RSS-Feed der Video und Audio-Inhalte in allen verfügbaren Formaten direkt über den Feed verbreitet.", medium_volume: "Mittlere Lautstärke", @@ -306,6 +305,7 @@ impl Translations { Fehlerdetails: {error} "), + textarea_formatting_hint_text: r#"URLs werden automatisch verlinkt - https://example.com wird zu example.com
Für Linktexte verwende [Beispiel](https://example.com) - dies wird zu Beispiel"#, the_editor_is_available_at_xxx: r#"Der Editor ist unter {url} verfügbar"#, the_file_requested_for_deletion_was_not_found: "Die zu löschende Datei wurde nicht gefunden", the_link_requested_for_deletion_was_not_found: "Der zu löschende Link wurde nicht gefunden", diff --git a/translations/src/en.rs b/translations/src/en.rs index bb5b1a2..8d377b4 100644 --- a/translations/src/en.rs +++ b/translations/src/en.rs @@ -186,7 +186,6 @@ impl Translations { local_editor_note: "Open this address in your browser to start editing - it is only accessible to you, on this device.", local_path: "Local Path", loud_volume: "Loud Volume", - markdown_inline_links_are_supported_standalone_urls_are_automatically_linked: r#"Markdown inline links are supported: [Example](https://example.com)
Stand-alone URLs are automatically linked."#, maximize: "Maximize", media_rss_description: "An RSS feed that distributes video and audio content in all available formats directly over the feed.", medium_volume: "Medium Volume", @@ -307,6 +306,7 @@ impl Translations { Error details: {error} "), + textarea_formatting_hint_text: r#"URLs are automatically linked - https://example.com is rendered as example.com
To set the link label use [Example](https://example.com) - this is rendered as Example"#, the_editor_is_available_at_xxx: r#"The editor is available at {url}"#, the_file_requested_for_deletion_was_not_found: "The file requested for deletion was not found", the_link_requested_for_deletion_was_not_found: "The link requested for deletion was not found", diff --git a/translations/src/lib.rs b/translations/src/lib.rs index c03a169..28ae835 100644 --- a/translations/src/lib.rs +++ b/translations/src/lib.rs @@ -183,7 +183,6 @@ pub struct Translations { pub local_editor_note: &'static str, pub local_path: &'static str, pub loud_volume: &'static str, - pub markdown_inline_links_are_supported_standalone_urls_are_automatically_linked: &'static str, pub maximize: &'static str, pub media_rss_description: &'static str, pub medium_volume: &'static str, @@ -298,6 +297,7 @@ pub struct Translations { pub subtitles: &'static str, pub synopsis: &'static str, test_file_successfully_uploaded_but_remote_verification_failed_message: &'static str, + pub textarea_formatting_hint_text: &'static str, the_editor_is_available_at_xxx: &'static str, pub the_file_requested_for_deletion_was_not_found: &'static str, pub the_link_requested_for_deletion_was_not_found: &'static str, diff --git a/web/src/assets/editor.css b/web/src/assets/editor.css index 55c7909..1f1657a 100644 --- a/web/src/assets/editor.css +++ b/web/src/assets/editor.css @@ -814,8 +814,23 @@ svg { fill: currentColor; } align-self: flex-end; color: var(--fg-3); font-size: .8rem; + line-height: 1.4; text-align: right; } +.textarea_with_hint span a { + color: var(--fg-2); + text-decoration: underline; +} +.textarea_with_hint span a:focus-visible, +.textarea_with_hint span a:hover { + color: var(--fg-3); + text-decoration: underline; +} +.textarea_with_hint span code { + background: var(--bg-2); + border-radius: .1rem; + padding-inline: .2em; +} #toggle-splash svg { pointer-events: none; } .tree_view_options { align-items: center; diff --git a/web/src/components/textarea.rs b/web/src/components/textarea.rs index df944d1..cc09f39 100644 --- a/web/src/components/textarea.rs +++ b/web/src/components/textarea.rs @@ -56,9 +56,7 @@ impl<'a> Textarea<'a> { key: &'a str, label: &'a str ) -> Textarea<'a> { - let hint = Some( - translations.markdown_inline_links_are_supported_standalone_urls_are_automatically_linked.to_string() - ); + let hint = Some(translations.textarea_formatting_hint_text.to_string()); Textarea::new( hint, key,