0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-26 03:02:40 +00:00

Add html node and css for Delete button

This commit is contained in:
Gazook89
2022-09-21 20:27:16 -05:00
parent 8ebfc772f3
commit 45aa8bdfae
2 changed files with 27 additions and 1 deletions

View File

@@ -101,8 +101,33 @@
color : white;
text-decoration : none;
border-top : 1px solid #888;
overflow : clip;
.clear{
display : none;
position : absolute;
top : 50%;
transform : translateY(-50%);
right : 10px;
width : 20px;
height : 20px;
background-color : #333;
box-shadow : 0px 0 5px 8px #2980b9;
border-radius : 3px;
i {
text-align : center;
font-size : 10px;
margin : 0;
height :100%;
width :100%;
}
}
&:hover{
background-color : @blue;
.clear{
display : grid;
place-content : center;
}
}
.title{
display : inline-block;

View File

@@ -120,13 +120,14 @@ const RecentItems = createClass({
},
renderDropdown : function(){
if(!this.state.showDropdown) return null;
// if(!this.state.showDropdown) return null;
const makeItems = (brews)=>{
return _.map(brews, (brew, i)=>{
return <a href={brew.url} className='item' key={`${brew.id}-${i}`} target='_blank' rel='noopener noreferrer' title={brew.title || '[ no title ]'}>
<span className='title'>{brew.title || '[ no title ]'}</span>
<span className='time'>{Moment(brew.ts).fromNow()}</span>
<div className='clear'><i className='fas fa-times'></i></div>
</a>;
});
};