f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 20:42:44 +00:00
Code Wiki Activity

add .value div for consistency and styling

Browse Source
This commit is contained in:
Gazook89
2022-11-24 23:21:47 -06:00
parent b54d225f11
commit ce732778bb
4 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/homebrew/editor/metadataEditor/metadataEditor.jsx
View File

@@ -224,7 +224,7 @@ const MetadataEditor = createClass({
const listLanguages = ()=>{
return _.map(langCodes.sort(), (code, index)=>{
const languageNames = new Intl.DisplayNames([code], { type: 'language' });
return <div className='item' title={''} key={`${index}`} data-value={`${code}`}>
return <div className='item' title={''} key={`${index}`} data-value={`${code}`} data-detail={`${languageNames.of(code)}`}>
{`${code}`}
<div className='detail'>{`${languageNames.of(code)}`}</div>
</div>;
@@ -234,13 +234,21 @@ const MetadataEditor = createClass({
return <div className='field language'>
<label>language</label>
<Combobox trigger='click'
default={this.props.metadata.lang || ''}
onSelect={(value)=>this.handleLanguage(value)}
onEntry={(e)=>{this.handleFieldChange('lang', e);}}
options={listLanguages()}
autoSuggest={{ suggestMethod: 'includes', clearAutoSuggestOnClick: true }}>
</Combobox>
<div className='value'>
<Combobox trigger='click'
className='language-dropdown'
default={this.props.metadata.lang || ''}
onSelect={(value)=>this.handleLanguage(value)}
onEntry={(e)=>{this.handleFieldChange('lang', e);}}
options={listLanguages()}
autoSuggest={{
suggestMethod : 'includes',
clearAutoSuggestOnClick : true,
filterOn : 'data-value'
}}>
</Combobox>
</div>
</div>;
},

4
client/homebrew/editor/metadataEditor/metadataEditor.less
View File

@@ -85,6 +85,10 @@
font-size : 0.8em;
}
}
&.language .language-dropdown {
max-width:150px;
}
}