From 36d3da79a0de9d56fa3a216339c90c96140f8b0f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?= Date: Sat, 5 Sep 2026 23:58:57 +0200 Subject: [PATCH] lint --- .../editor/metadataEditor/metadataEditor.jsx | 13 +- .../editor/metadataEditor/metadataEditor.less | 171 ++++++++---------- 2 files changed, 80 insertions(+), 104 deletions(-) diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx index 694765644..2e20885ce 100644 --- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx +++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx @@ -7,7 +7,6 @@ import request from '../../utils/request-middleware.js'; import Combobox from '@components/combobox.jsx'; import TagInput from '../tagInput/tagInput.jsx'; - import Themes from '@themes/themes.json'; import validations from './validations.js'; @@ -84,7 +83,6 @@ const MetadataEditor = createReactClass({ return `- ${err}`; }).join('\n'); - debouncedReportValidity(e.target, errMessage); return false; } @@ -186,8 +184,8 @@ const MetadataEditor = createReactClass({
{authors.length > 0 && ( - - {authors[0]}{authors.length > 1 && ', '} + + {authors[0]}{authors.length > 1 && ', '} )} {authors.length > 1 && authors.slice(1).map((author, i)=>( @@ -227,7 +225,6 @@ const MetadataEditor = createReactClass({
); - }, renderThemeDropdown : function(){ @@ -264,7 +261,7 @@ const MetadataEditor = createReactClass({ dropdown =
this.handleFieldChange('thumbnail', e)} />
@@ -405,7 +402,6 @@ const MetadataEditor = createReactClass({ - {this.renderLanguageDropdown()} {this.renderThemeDropdown()} @@ -433,7 +429,6 @@ const MetadataEditor = createReactClass({ -

Privacy

diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.less b/client/homebrew/editor/metadataEditor/metadataEditor.less index 761e8af27..eab974957 100644 --- a/client/homebrew/editor/metadataEditor/metadataEditor.less +++ b/client/homebrew/editor/metadataEditor/metadataEditor.less @@ -7,39 +7,39 @@ } .metadataEditor { - --bg-clr: white; - --bg-image: @backgroundImageAlt; - --h1-clr: black; - --h2-clr: #007; - --label-clr: black; - --input-bg: white; - --input-bg-hover:#ddd; - --input-text-clr: black; - --input-placeholder-clr: grey; + --bg-clr : white; + --bg-image : @backgroundImageAlt; + --h1-clr : black; + --h2-clr : #000077; + --label-clr : black; + --input-bg : white; + --input-bg-hover : #DDDDDD; + --input-text-clr : black; + --input-placeholder-clr : grey; - position : absolute; - box-sizing : border-box; - width : 100%; - height : calc(100vh - 54px); // 54px is the height of the navbar + snippet bar. probably a better way to dynamic get this. - padding : 25px; - overflow-y : auto; - font-size : 13px; - background-color : var(--bg-clr); - background-image : var(--bg-image); - background-size : cover; - color: var(--label-clr); + position : absolute; + box-sizing : border-box; + width : 100%; + height : calc(100vh - 54px); // 54px is the height of the navbar + snippet bar. probably a better way to dynamic get this. + padding : 25px; + overflow-y : auto; + font-size : 13px; + color : var(--label-clr); + background-color : var(--bg-clr); + background-image : var(--bg-image); + background-size : cover; h1 { margin : 0 0 40px; - font-weight : bold; font-size : 18px; + font-weight : bold; + color : var(--h1-clr); text-transform : uppercase; - color: var(--h1-clr); } h2 { - font-size:15px; margin : 16px 0; + font-size : 15px; font-weight : bold; color : var(--h2-clr); border-bottom : 2px solid currentColor; @@ -73,8 +73,8 @@ font-size : 1em; font-weight : 800; line-height : 1.8em; + color : inherit; text-transform : capitalize; - color:inherit; } & > .value { flex : 1 1 auto; @@ -89,11 +89,11 @@ } } input[type='text'], textarea { - background-color: var(--input-bg); - color:var(--input-text-clr); - border : 1px solid var(--input-placeholder-clr); - &:hover, :focus { outline : 1px solid var(--input-placeholder-clr); background-color: var(--input-bg-hover); } - &::placeholder { color: var(--input-placeholder-clr); } + color : var(--input-text-clr); + background-color : var(--input-bg); + border : 1px solid var(--input-placeholder-clr); + &:hover, :focus { outline : 1px solid var(--input-placeholder-clr); background-color : var(--input-bg-hover); } + &::placeholder { color : var(--input-placeholder-clr); } } &.description { @@ -124,12 +124,12 @@ max-width : 200px; .dropdown-options { - background-color:var(--input-bg); - color: var(--input-text-clr); + color : var(--input-text-clr); + background-color : var(--input-bg); .item:hover { - background-color: var(--input-text-clr); - color: var(--input-bg); + color : var(--input-bg); + background-color : var(--input-text-clr); } } } @@ -202,57 +202,46 @@ } .tag { - background:var(--input-text-clr); - color: var(--input-bg); + color : var(--input-bg); + background : var(--input-text-clr); } .authors.field { .tag { - font-weight:300; - transition:background-color 0.2s; + font-weight : 300; + transition : background-color 0.2s; &.owner { - position: relative; - background-color:@silverLight; - min-width:25px; - display:grid; - place-items:center; - font-weight: 900; + position : relative; + display : grid; + place-items : center; + min-width : 25px; + font-weight : 900; + background-color : @silverLight; &::after { - content: "\f521"; - font-family: "Font Awesome 6 Free"; - color:gold; - position: absolute; - top: 0; - left: 0; - width:15px; - height:15px; - rotate:-25deg; - translate:-30% -50%; - transform: scaleY(0.7); + position : absolute; + top : 0; + left : 0; + width : 15px; + height : 15px; + font-family : 'Font Awesome 6 Free'; + color : gold; + content : '\f521'; + transform : scaleY(0.7); + rotate : -25deg; + translate : -30% -50%; } } - &:has(button) a { - padding-right:5px; - } - &:has(button:hover) { - background:#d97d7d; - } + &:has(button) a { padding-right : 5px; } + &:has(button:hover) { background : #D97D7D; } - button { - color:@red; - } + button { color : @red; } - - } - a { - text-underline-offset:0.2em; } + a { text-underline-offset : 0.2em; } } .themes.field { - & .dropdown-container { - z-index : 200; - } + & .dropdown-container { z-index : 200; } & .dropdown-options { overflow-y : visible; } .disabled { font-style : italic; @@ -262,7 +251,7 @@ .item { position : relative; overflow : visible; - color:inherit; + color : inherit; background-color : var(--input-bg); border-top : 1px solid #767676; .preview { @@ -284,13 +273,11 @@ padding-block : 0.5em; padding-inline : 1em; font-weight : 900; - border-bottom : 2px solid #666; + border-bottom : 2px solid #666666; } } - input { - padding-right: 25px; - } + input { padding-right : 25px; } .texture-container { position : absolute; @@ -355,9 +342,7 @@ button { cursor : pointer; - &:hover { - color: @redLight; - } + &:hover { color : @redLight; } } } @@ -403,29 +388,25 @@ } .editor.darkMode .metadataEditor { - --bg-clr: #555; - --bg-image: @backgroundImageAlt; - --h1-clr: white; - --h2-clr: #aaf; - --label-clr: #ddd; - --input-bg: #333; - --input-bg-hover: #666; - --input-text-clr: #eee; - --input-placeholder-clr: #aaa; + --bg-clr : #555555; + --bg-image : @backgroundImageAlt; + --h1-clr : white; + --h2-clr : #AAAAFF; + --label-clr : #DDDDDD; + --input-bg : #333333; + --input-bg-hover : #666666; + --input-text-clr : #EEEEEE; + --input-placeholder-clr : #AAAAAA; - --bg-image: @backgroundImageAltDark; + --bg-image : @backgroundImageAltDark; a { - color: @blueLight; + color : @blueLight; - &:visited { - color: #cb8ad8; - } + &:visited { color : #CB8AD8; } } - .thumbnail-preview[src="/client/homebrew/thumbnail.png"] { - filter:invert(.8); - } + .thumbnail-preview[src='/client/homebrew/thumbnail.png'] { filter : invert(0.8); } button.publish { .colorButton(#3137de) !important; }