diff options
| author | Chris Rebert <[email protected]> | 2016-01-17 20:50:55 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2016-01-17 20:53:11 -0800 |
| commit | 8b67d4c7620fabb46b68fee880081fce07a2ccbb (patch) | |
| tree | 96908e336852dc75e6c2a6558ce726ec8b2f0aba | |
| parent | 27596f48f4c84f823a2b4cb6ff3e4fc55ced6344 (diff) | |
| download | bootstrap-8b67d4c7620fabb46b68fee880081fce07a2ccbb.tar.xz bootstrap-8b67d4c7620fabb46b68fee880081fce07a2ccbb.zip | |
Make translation of custom file input text easier; fixes #18922
[skip sauce]
| -rw-r--r-- | scss/_custom-forms.scss | 13 | ||||
| -rw-r--r-- | scss/_variables.scss | 10 |
2 files changed, 18 insertions, 5 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index e30bda861..d6bfa1f17 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -217,8 +217,10 @@ @include border-radius($custom-file-border-radius); @include box-shadow($custom-file-box-shadow); - &::after { - content: $custom-file-placeholder; + @each $lang, $text in map-get($custom-file-text, placeholder) { + &:lang(#{$lang})::after { + content: $text; + } } &::before { @@ -232,9 +234,14 @@ padding: $custom-file-padding-x $custom-file-padding-y; line-height: $custom-file-line-height; color: $custom-file-button-color; - content: $custom-file-button-label; background-color: $custom-file-button-bg; border: $custom-file-border-width solid $custom-file-border-color; @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0); } + + @each $lang, $text in map-get($custom-file-text, button-label) { + &:lang(#{$lang})::before { + content: $text; + } + } } diff --git a/scss/_variables.scss b/scss/_variables.scss index a3bba5741..da78bbadd 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -386,10 +386,16 @@ $custom-file-border-width: $border-width !default; $custom-file-border-color: #ddd !default; $custom-file-border-radius: $border-radius !default; $custom-file-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05) !default; -$custom-file-placeholder: "Choose file..." !default; -$custom-file-button-label: "Browse" !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: #eee !default; +$custom-file-text: ( + placeholder: ( + en: "Choose file..." + ), + button-label: ( + en: "Browse" + ) +) !default; // Form validation icons |