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