From bcc62232d85c23e07e44163b773c4bb5b138dd47 Mon Sep 17 00:00:00 2001
From: Alberto <albermav@gmail.com>
Date: Fri, 29 Dec 2017 10:31:28 +0100
Subject: [PATCH] Updated docs for translating "Browse" text into other
languages
"Choose file ..." text is now written inside the label tag, so the translation is outside the css scope.
$custom-file-text variable should only contain "Browse" translations.
---
docs/4.0/components/forms.md | 12 +++---------
1 file changed, 3 insertions(+), 9 deletions(-)
diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md
index e5a568b67b..8dc2d4e1b7 100644
--- a/docs/4.0/components/forms.md
+++ b/docs/4.0/components/forms.md
@@ -1081,18 +1081,12 @@ We hide the default file `<input>` via `opacity` and instead style the `<label>`
#### Translating or customizing the strings
-The [`:lang()` pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/:lang) is used to allow for easy translation of the "Browse" and "Choose file..." text into other languages. Simply override or add entries to the `$custom-file-text` SCSS variable with the relevant [language tag](https://en.wikipedia.org/wiki/IETF_language_tag) and localized strings. The English strings can be customized the same way. For example, here's how one might add a Spanish translation (Spanish's language code is `es`):
+The [`:lang()` pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/:lang) is used to allow for easy translation of the "Browse" text into other languages. Simply override or add entries to the `$custom-file-text` SCSS variable with the relevant [language tag](https://en.wikipedia.org/wiki/IETF_language_tag) and localized strings. The English strings can be customized the same way. For example, here's how one might add a Spanish translation (Spanish's language code is `es`):
{% highlight scss %}
$custom-file-text: (
- placeholder: (
- en: "Choose file...",
- es: "Seleccionar archivo..."
- ),
- button-label: (
- en: "Browse",
- es: "Navegar"
- )
+ en: "Browse",
+ es: "Navegar"
);
{% endhighlight %}
--
GitLab