f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-09-23 07:32:58 +00:00
Code Wiki Activity

basic UI and functionality

Browse Source
This commit is contained in:
Víctor Losada Hernández
2026-08-24 01:08:21 +02:00
parent e33fd3634d
commit 705fc1982e
5 changed files with 507 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/homebrew/editor/snippetbar/snippetbar.jsx
+5 -1
View File
@@ -245,7 +245,7 @@ const Snippetbar = createReactClass({
return (
<div className='editors'>
{this.props.view !== 'meta' && <><div className='historyTools'>
{this.props.view !== 'meta' && this.props.view !== 'settings' && <><div className='historyTools'>
<div className={`editorTool snippetGroup history ${this.state.historyExists ? 'active' : ''}`}
onClick={this.toggleHistoryMenu} >
<i className='fas fa-clock-rotate-left' />
@@ -293,6 +293,10 @@ const Snippetbar = createReactClass({
onClick={()=>this.props.onViewChange('meta')}>
<i className='fas fa-info-circle' />
</div>
<div className={cx('settings', { selected: this.props.view === 'settings' })}
onClick={()=>this.props.onViewChange('settings')}>
<i className='fas fa-gear' />
</div>
</div>
</div>
client/homebrew/editor/snippetbar/snippetbar.less
+2 -2
View File
@@ -21,7 +21,7 @@
.editors {
display : flex;
justify-content : flex-end;
min-width : 250px; //must be controlled every time an item is added, must be hardcoded for the wrapping as it is applied
min-width : 275px; //must be controlled every time an item is added, must be hardcoded for the wrapping as it is applied
font-size: .85rem;
&:only-child {min-width : unset; margin-left : auto;}
@@ -208,7 +208,7 @@
}
}
}
@container editor (width < 816px) {
@container editor (width < 841px) {
.snippetBar {
.editors {
flex : 1;