bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Conditionally render search placeholder text (#450)

Browse Source 
Placeholder text was appearing cropped in menuWidth = 'narrow' 
This commit serves to conditionally render placeholder text to a shorter 'Search'

Bug: https://phabricator.wikimedia.org/T318633
This commit is contained in:
wangombe-g
2023-03-22 17:20:01 +03:00
committed by GitHub
parent 92aa012bc7
commit 9eddca7d53
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/jquery.uls.core.js
View File

@@ -174,7 +174,11 @@
i18n: function () {
if ( $.i18n ) {
this.$menu.find( '[data-i18n]' ).i18n();
this.$languageFilter.prop( 'placeholder', $.i18n( 'uls-search-placeholder' ) );
if ( this.getMenuWidth() === 'narrow' ) {
this.$languageFilter.prop( 'placeholder', $.i18n( 'uls-search-placeholder-short' ) );
} else {
this.$languageFilter.prop( 'placeholder', $.i18n( 'uls-search-placeholder' ) );
}
}
},