diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
index df07754b9..01c643015 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -47,7 +47,7 @@ const MetadataEditor = createClass({
getInitialState : function(){
return {
- isOwner : global.account?.username && global.account?.username === this.props.metadata?.authors[0],
+ isOwner : global.account?.username && global.account?.username === this.props.metadata?.authors[0],
showThumbnail : true
};
},
@@ -158,11 +158,11 @@ const MetadataEditor = createClass({
},
handleDeleteAuthor : function(author){
- if(!confirm('Are you sure you want to delete this author? They will lose all edit access to this brew.')) return;
+ if(!confirm('Are you sure you want to remove this author? They will lose all edit access to this brew, and it will dissapear from their userpage.')) return;
if(!this.props.metadata.authors.includes(author)) return;
this.props.onChange({
...this.props.metadata,
- authors: this.props.metadata.authors.filter(a => a !== author)
+ authors : this.props.metadata.authors.filter((a)=>a !== author)
});
},
@@ -219,23 +219,34 @@ const MetadataEditor = createClass({
);
return (
-
+
- {authors.map((author, i)=>(
- - {author}
- {i>0 &&
-
+
+ ))}
);
+
},
renderThemeDropdown : function(){
diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.less b/client/homebrew/editor/metadataEditor/metadataEditor.less
index 404417092..0b2b74981 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.less
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.less
@@ -162,19 +162,34 @@
}
}
.authors.field {
- .list > .tag:first-child {
- position:relative;
-
+ .tag.owner {
+ position: relative;
+ background-color:@silverLight;
+ min-width:25px;
+ display:grid;
+ place-items:center;
+ font-weight: 900;
+
&::after {
- content:'';
- position:absolute;
- border-radius:inherit;
- inset:-1px;
- border: 2px solid goldenrod;
+ content: "\f521";
+ font-family: "Font Awesome 6 Free";
+ color:gold;
+ position: absolute;
+ top: 0;
+ left: 50%;
+ width:15px;
+ height:15px;
+ translate:-50% -90%;
}
}
- button {color:#B00;}
- .value { line-height : 1.5em; }
+ button {
+ color:@redLight;
+ }
+
+ a {
+ color:black;
+
+ }
}
.themes.field {
@@ -277,9 +292,9 @@
}
.tag {
- padding : 0.3em;
+ padding : 0.35em;
margin : 2px;
- font-size : 0.9em;
+ font-size : 0.95em;
background-color : #DDDDDD;
border-radius : 0.5em;