f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 20:52:40 +00:00
Code Wiki Activity

Add preview texture to dropdown options

Browse Source
This commit is contained in:
Trevor Buckner
2022-03-01 11:21:13 -05:00
parent 297365407b
commit 01087ca302
4 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/homebrew/editor/metadataEditor/metadataEditor.jsx
View File

@@ -139,6 +139,7 @@ const MetadataEditor = createClass({
return _.map(Themes[renderer], (theme)=>{
return <div className='item' key={''} onClick={()=>this.handleTheme(theme)} title={''}>
{`${theme.renderer} : ${theme.name}`}
<img src={`/themes/${theme.renderer}/${theme.path}/dropdownTexture.png`}/>
</div>;
});
};

17
client/homebrew/editor/metadataEditor/metadataEditor.less
View File

@@ -87,9 +87,6 @@
.navDropdownContainer {
background-color: white;
width: 100%;
&:hover {
background-color: rgb(187, 187, 187);
}
&.disabled {
font-style:italic;
font-style: italic;
@@ -103,16 +100,30 @@
i {
float: right;
}
&:hover {
background-color: @blue;
color: white;
}
}
.navDropdown {
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
.item {
padding: 3px 3px;
border-top: 1px solid rgb(118, 118, 118);
position: relative;
overflow: hidden;
background-color: white;
&:hover {
background-color: @blue;
color: white;
}
img {
mask-image: linear-gradient(90deg, transparent, black 20%);
-webkit-mask-image: linear-gradient(90deg, transparent, black 20%);
position: absolute;
right: 0px;
top: 0px;
}
}
}
}