f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-10 02:42:43 +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

1
client/components/combobox.jsx
View File

@@ -8,6 +8,7 @@ const Combobox = createClass({
displayName : 'Combobox', displayName : 'Combobox',
getDefaultProps : function() { getDefaultProps : function() {
return { return {
className : '',
trigger : 'hover', trigger : 'hover',
default : '', default : '',
autoSuggest : { autoSuggest : {

1
client/components/combobox.less
View File

@@ -1,6 +1,5 @@
.dropdown-container { .dropdown-container {
position:relative; position:relative;
flex: 1;
input { input {
width: 100%; width: 100%;
} }

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

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

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

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