r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Description should be inactive color if a collection doesn't have one

Browse source
This commit is contained in:
Andrew Nicolaou 2020-01-15 11:45:37 +01:00
parent 0660031a0c
commit 811c88fc83
2 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/modules/IDE/components/EditableInput.jsx
View file

@ -14,7 +14,8 @@ function EditableInput({
const [isEditing, setIsEditing] = React.useState(false); const [isEditing, setIsEditing] = React.useState(false);
const [currentValue, setCurrentValue] = React.useState(value || ''); const [currentValue, setCurrentValue] = React.useState(value || '');
const displayValue = currentValue || emptyPlaceholder; const displayValue = currentValue || emptyPlaceholder;
const classes = `editable-input editable-input--${isEditing ? 'is-editing' : 'is-not-editing'}`; const hasValue = currentValue !== '';
const classes = `editable-input editable-input--${isEditing ? 'is-editing' : 'is-not-editing'} editable-input--${hasValue ? 'has-value' : 'has-placeholder'}`;
const inputRef = React.createRef(); const inputRef = React.createRef();
React.useEffect(() => { React.useEffect(() => {

2
client/styles/components/_collection.scss
View file

@ -67,7 +67,9 @@
.collection-metadata__description .editable-input__label { .collection-metadata__description .editable-input__label {
text-align: left; text-align: left;
}
.collection-metadata__description .editable-input--has-value .editable-input__label {
@include themify() { @include themify() {
color: getThemifyVariable('primary-text-color'); color: getThemifyVariable('primary-text-color');
} }