f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-28 15:42:38 +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(){
if(!this.props.showEditButtons) return;
let foldButtons;
if(this.props.view !== 'meta'){
foldButtons =
<>
<div className={`editorTool foldAll ${this.props.foldCode ? 'active' : ''}`}
onClick={this.props.foldCode} >
<i className='fas fa-compress-alt' />
</div>
<div className={`editorTool unfoldAll ${this.props.unfoldCode ? 'active' : ''}`}
onClick={this.props.unfoldCode} >
<i className='fas fa-expand-alt' />
</div>
</>;
}
const foldButtons = <>
<div className={`editorTool foldAll ${this.props.view !== 'meta' && this.props.foldCode ? 'active' : ''}`}
onClick={this.props.foldCode} >
<i className='fas fa-compress-alt' />
</div>
<div className={`editorTool unfoldAll ${this.props.view !== 'meta' && this.props.unfoldCode ? 'active' : ''}`}
onClick={this.props.unfoldCode} >
<i className='fas fa-expand-alt' />
</div>
</>;
return <div className='editors'>
<div className='historyTools'>

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

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