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

always stretch

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-10-24 01:23:26 +02:00
parent 5b675918ad
commit 55a50ce261
2 changed files with 27 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
client/homebrew/editor/snippetbar/snippetbar.jsx
View File

@@ -207,21 +207,16 @@ const Snippetbar = createClass({
renderEditorButtons : function(){ renderEditorButtons : function(){
if(!this.props.showEditButtons) return; if(!this.props.showEditButtons) return;
let foldButtons; const foldButtons = <>
if(this.props.view !== 'meta'){ <div className={`editorTool foldAll ${this.props.view !== 'meta' && this.props.foldCode ? 'active' : ''}`}
foldButtons = onClick={this.props.foldCode} >
<> <i className='fas fa-compress-alt' />
<div className={`editorTool foldAll ${this.props.foldCode ? 'active' : ''}`} </div>
onClick={this.props.foldCode} > <div className={`editorTool unfoldAll ${this.props.view !== 'meta' && this.props.unfoldCode ? 'active' : ''}`}
<i className='fas fa-compress-alt' /> onClick={this.props.unfoldCode} >
</div> <i className='fas fa-expand-alt' />
<div className={`editorTool unfoldAll ${this.props.unfoldCode ? 'active' : ''}`} </div>
onClick={this.props.unfoldCode} > </>;
<i className='fas fa-expand-alt' />
</div>
</>;
}
return <div className='editors'> return <div className='editors'>
<div className='historyTools'> <div className='historyTools'>

31
client/homebrew/editor/snippetbar/snippetbar.less
View File

@@ -14,18 +14,15 @@
.snippets { .snippets {
display : flex; display : flex;
justify-content : flex-start; justify-content : flex-start;
min-width:327.58px; min-width : 327.58px;
} }
.editors { .editors {
display : flex; display : flex;
justify-content : flex-end; justify-content : flex-end;
min-width:225px; min-width : 225px;
&:only-child { &:only-child { margin-left : auto; }
min-width: unset;
margin-left:auto;
}
>div { >div {
display : flex; display : flex;
@@ -66,12 +63,14 @@
&.foldAll { &.foldAll {
.tooltipLeft('Fold All'); .tooltipLeft('Fold All');
font-size : 0.75em; font-size : 0.75em;
color : inherit; color : grey;
&.active { color : inherit; }
} }
&.unfoldAll { &.unfoldAll {
.tooltipLeft('Unfold All'); .tooltipLeft('Unfold All');
font-size : 0.75em; font-size : 0.75em;
color : inherit; color : grey;
&.active { color : inherit; }
} }
&.history { &.history {
.tooltipLeft('History'); .tooltipLeft('History');
@@ -225,13 +224,17 @@
} }
} }
} }
/*text tab*/
@container editor (width < 553px) { @container editor (width < 553px) {
/*This rule doesn't apply to properties editor or homepage*/ .snippetBar {
.snippetBar:not(:has(>*:only-child)) { .editors {
.editors { flex:1;justify-content : space-between;} flex : 1;
.snippets { flex:1;justify-content : space-evenly; } justify-content : space-between;
.editors { border-bottom : 1px solid;} border-bottom : 1px solid;
}
.snippets {
flex : 1;
justify-content : space-evenly;
}
.editors > div.history > .dropdown { right : unset; } .editors > div.history > .dropdown { right : unset; }
} }
} }