0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 20:42:43 +00:00

not render snippets element if empty

This commit is contained in:
Víctor Losada Hernández
2024-10-23 20:16:30 +02:00
parent 6373c398bc
commit 88e5f26dd8
2 changed files with 21 additions and 5 deletions

View File

@@ -150,6 +150,7 @@ const Snippetbar = createClass({
renderSnippetGroups : function(){
const snippets = this.state.snippets.filter((snippetGroup)=>snippetGroup.view === this.props.view);
if(snippets.length === 0) return null;
return <div className='snippets'>
{_.map(snippets, (snippetGroup)=>{

View File

@@ -7,7 +7,6 @@
display : flex;
flex-wrap : wrap-reverse;
justify-content : space-between;
min-width : 331px;
height : auto;
color : black;
background-color : #DDDDDD;
@@ -20,6 +19,10 @@
.editors {
display : flex;
justify-content : space-between;
&:only-child {
margin-left:auto;
}
>div {
display : flex;
flex : 1;
@@ -218,9 +221,21 @@
}
}
}
/*text tab*/
@container editor (width < 553px) {
.editors,.snippets { flex : 1; }
.editors { border-bottom : 1px solid;}
.snippetBar .editors > div.history > .dropdown { right : unset; }
/*This rule doesn't apply to properties editor or homepage*/
.snippetBar:not(:has(>*:only-child)):has(.snippets >*:nth-child(3)) {
.editors,.snippets { flex : 1; }
.editors { border-bottom : 1px solid;}
.editors > div.history > .dropdown { right : unset; }
}
}
/*style tab*/
@container editor (width < 328px) {
/*This rule doesn't apply to properties editor or homepage*/
.snippetBar:not(:has(>*:only-child)) {
.editors,.snippets { flex : 1; }
.editors { border-bottom : 1px solid;}
.editors > div.history > .dropdown { right : unset; }
}
}