diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
index 054ce6bbe..087e344b5 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -139,6 +139,7 @@ const MetadataEditor = createClass({
return _.map(Themes[renderer], (theme)=>{
return
this.handleTheme(theme)} title={''}>
{`${theme.renderer} : ${theme.name}`}
+
;
});
};
diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.less b/client/homebrew/editor/metadataEditor/metadataEditor.less
index 10ae9e89a..357ed6abd 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.less
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.less
@@ -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;
+ }
}
}
}
diff --git a/scripts/buildHomebrew.js b/scripts/buildHomebrew.js
index 9bc34411f..12b830214 100644
--- a/scripts/buildHomebrew.js
+++ b/scripts/buildHomebrew.js
@@ -52,6 +52,7 @@ fs.emptyDirSync('./build');
const themeData = JSON.parse(fs.readFileSync(`./themes/Legacy/${dir}/settings.json`).toString());
themeData.path = dir;
themes.Legacy.push(themeData);
+ //fs.copy(`./themes/Legacy/${dir}/dropdownTexture.png`, `./build/themes/Legacy/${dir}/dropdownTexture.png`);
const src = `./themes/Legacy/${dir}/style.less`;
((outputDirectory)=>{
less.render(fs.readFileSync(src).toString(), {
@@ -68,6 +69,7 @@ fs.emptyDirSync('./build');
const themeData = JSON.parse(fs.readFileSync(`./themes/V3/${dir}/settings.json`).toString());
themeData.path = dir;
themes.V3.push(themeData);
+ fs.copy(`./themes/V3/${dir}/dropdownTexture.png`, `./build/themes/V3/${dir}/dropdownTexture.png`);
const src = `./themes/V3/${dir}/style.less`;
((outputDirectory)=>{
less.render(fs.readFileSync(src).toString(), {
diff --git a/themes/V3/5eDMG/dropdownTexture.png b/themes/V3/5eDMG/dropdownTexture.png
index d5884de16..bb74af94c 100644
Binary files a/themes/V3/5eDMG/dropdownTexture.png and b/themes/V3/5eDMG/dropdownTexture.png differ