f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-31 10:52:42 +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 _.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'>

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

@@ -97,19 +97,34 @@
background-color : #ddd; background-color : #ddd;
.snippet{ .snippet{
.animate(background-color); .animate(background-color);
min-width : max-content; display : flex;
padding : 5px; align-items : center;
cursor : pointer; min-width : max-content;
font-size : 10px; padding : 5px;
cursor : pointer;
font-size : 10px;
i{ i{
margin-right : 8px; margin-right : 8px;
font-size : 1.2em; font-size : 1.2em;
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{

7
themes/V3/5ePHB/snippets.js
View File

@@ -169,9 +169,10 @@ module.exports = [
gen : MonsterBlockGen.monster('monster,frame,wide', 4), gen : MonsterBlockGen.monster('monster,frame,wide', 4),
}, },
{ {
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',

18
themes/V3/Blank/snippets.js
View File

@@ -102,10 +102,11 @@ module.exports = [
gen : WatercolorGen, gen : WatercolorGen,
}, },
{ {
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'),
subsnippets : [ experimental : true,
subsnippets : [
{ {
name : 'Top', name : 'Top',
icon : 'fac position-top', icon : 'fac position-top',
@@ -129,10 +130,11 @@ 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,
subsnippets : [ experimental : true,
subsnippets : [
{ {
name : 'Top-Left', name : 'Top-Left',
icon : 'fac position-top-left', icon : 'fac position-top-left',