0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-04 16:52:38 +00:00

Add "beta" badge on snippets marked "experimetal"

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

View File

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

View File

@@ -97,6 +97,8 @@
background-color : #ddd; background-color : #ddd;
.snippet{ .snippet{
.animate(background-color); .animate(background-color);
display : flex;
align-items : center;
min-width : max-content; min-width : max-content;
padding : 5px; padding : 5px;
cursor : pointer; cursor : pointer;
@@ -107,9 +109,22 @@
height : 1.2em; height : 1.2em;
&~i{ &~i{
margin-right: 0; 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{ &:hover{
background-color : #999; background-color : #999;
&>.dropdown{ &>.dropdown{

View File

@@ -172,6 +172,7 @@ module.exports = [
name : 'Cover Page', name : 'Cover Page',
icon : 'fac fa-file-c', icon : 'fac fa-file-c',
gen : CoverPageGen, gen : CoverPageGen,
experimental : true
}, },
{ {
name : 'Magic Item', name : 'Magic Item',

View File

@@ -105,6 +105,7 @@ module.exports = [
name : 'Watercolor Image Mask Edge', name : 'Watercolor Image Mask Edge',
icon : 'fac mask-edge', icon : 'fac mask-edge',
gen : ImageMaskGen.edge('bottom'), gen : ImageMaskGen.edge('bottom'),
experimental : true,
subsnippets : [ subsnippets : [
{ {
name : 'Top', name : 'Top',
@@ -132,6 +133,7 @@ module.exports = [
name : 'Watercolor Image Mask Corner', name : 'Watercolor Image Mask Corner',
icon : 'fac mask-corner', icon : 'fac mask-corner',
gen : ImageMaskGen.corner, gen : ImageMaskGen.corner,
experimental : true,
subsnippets : [ subsnippets : [
{ {
name : 'Top-Left', name : 'Top-Left',