f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 16:22:42 +00:00
Code Wiki Activity

Put tags in individual spans

Browse Source
This commit is contained in:
Trevor Buckner
2022-09-05 23:31:23 -04:00
parent 746e8f8a6a
commit cae1bc9f0a
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx
View File

@@ -106,7 +106,8 @@ const BrewItem = createClass({
<div className='info'> <div className='info'>
{brew.tags ? <> {brew.tags ? <>
<span className='brewTags' title={`Tags:\n${brew.tags.join('\n')}`}> <span className='brewTags' title={`Tags:\n${brew.tags.join('\n')}`}>
<i className='fas fa-tags'/> {brew.tags.join(', ')} <i className='fas fa-tags'/>
{brew.tags.map((tag, idx)=>{return <><span>{tag}</span>{'\n'}</>;})}
</span> </span>
<br /> <br />
</> : <></> </> : <></>

8
client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
View File

@@ -36,6 +36,14 @@
line-height : 1.5em; line-height : 1.5em;
} }
} }
.brewTags span {
background-color: #c8ac6e3b;
margin-left: 2px;
border-radius: 0.5em;
padding: 1px 4px;
border: 1px solid #c8ac6e;
white-space: nowrap;
}
&:hover{ &:hover{
.links{ .links{
opacity : 1; opacity : 1;