f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-27 00:42:40 +00:00
Code Wiki Activity

Add "beta" badge on snippets marked "experimetal"

Browse Source
This commit is contained in:
Trevor Buckner
2023-02-28 16:26:23 -05:00
parent 3461c47a63
commit 7117d3caed
4 changed files with 36 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -171,7 +171,8 @@ const SnippetGroup = createClass({
return _.map(snippets, (snippet)=>{
return <div className='snippet' key={snippet.name} onClick={(e)=>this.handleSnippetClick(e, snippet)}>
<i className={snippet.icon} />
{snippet.name}
<span className='name'>{snippet.name}</span>
{snippet.experimental && <span className='beta'>beta</span>}
{snippet.subsnippets && <>
<i className='fas fa-caret-right'></i>
<div className='dropdown side'>

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

@@ -97,19 +97,34 @@
background-color : #ddd;
.snippet{
.animate(background-color);
min-width : max-content;
padding : 5px;
cursor : pointer;
font-size : 10px;
display : flex;
align-items : center;
min-width : max-content;
padding : 5px;
cursor : pointer;
font-size : 10px;
i{
margin-right : 8px;
font-size : 1.2em;
height : 1.2em;
&~i{
margin-right: 0;
margin-left: 8px;
margin-left: 5px;
}
}
.name {
margin-right : auto;
}
.beta {
color : white;
padding : 4px 6px;
line-height : 1em;
margin-left : 5px;
align-self : center;
background : grey;
border-radius : 12px;
font-family : monospace;
}
&:hover{
background-color : #999;
&>.dropdown{