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

fixed vertical spacing

Browse Source
This commit is contained in:
Gazook89
2022-09-15 13:19:27 -05:00
parent bb25d30663
commit fc5d06be0e
2 changed files with 32 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -232,6 +232,7 @@ const MetadataEditor = createClass({
onChange={(e)=>this.handleFieldChange('title', e)} /> onChange={(e)=>this.handleFieldChange('title', e)} />
</div> </div>
<div className='field-group'> <div className='field-group'>
<div className='field-column'>
<div className='field description'> <div className='field description'>
<label>description</label> <label>description</label>
<textarea value={this.props.metadata.description} className='value' <textarea value={this.props.metadata.description} className='value'
@@ -250,6 +251,7 @@ const MetadataEditor = createClass({
</div> </div>
</div> </div>
{this.renderThumbnail()} {this.renderThumbnail()}
</div>
<StringArrayEditor label='tags' valuePatterns={[/^(?:(?:group|meta|system|type):)?[A-Za-z0-9][A-Za-z0-9 \/.\-]{0,40}$/]} <StringArrayEditor label='tags' valuePatterns={[/^(?:(?:group|meta|system|type):)?[A-Za-z0-9][A-Za-z0-9 \/.\-]{0,40}$/]}
placeholder='add tag' unique={true} placeholder='add tag' unique={true}

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

@@ -9,19 +9,28 @@
background-color : #999; background-color : #999;
height : calc(100vh - 54px); // 54px is the height of the navbar + snippet bar. probably a better way to dynamic get this. height : calc(100vh - 54px); // 54px is the height of the navbar + snippet bar. probably a better way to dynamic get this.
display: flex; & > div {
flex-wrap: wrap; margin-bottom: 10px;
gap: 10px; }
.field-group { .field-group {
display: flex; display: flex;
flex-direction: column; width: 100%;
flex: 5; flex-wrap: wrap;
gap: 10px; gap: 10px;
} }
.field-column {
display: flex;
flex-direction: column;
flex: 5 0 200px;
gap: 10px;
}
.field{ .field{
display : flex; display : flex;
width : 100%; width : 100%;
min-width : 200px;
&>label{ &>label{
display : inline-block; display : inline-block;
vertical-align : top; vertical-align : top;