Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Fixed and cleaned input field style

Browse source
This commit is contained in:
Peter Zimon 2020-09-17 15:54:44 +02:00
parent e9a27cdafc
commit 5caa8433d9
2 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ghost/portal/src/components/common/InputField.js
View file

@ -42,12 +42,11 @@ export const InputFieldStyles = `
}
.gh-portal-input:focus {
border: none;
box-shadow: 0px 0px 0px 1px var(--brandcolor) , 0px 2px 4px 0px rgba(0, 0, 0, 0.07), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.05);
border-color: var(--brandcolor);
}
.gh-portal-input.error {
box-shadow: 0px 0px 0px 1px var(--red) , 0px 2px 4px 0px rgba(0, 0, 0, 0.07), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.05);
border-color: var(--red);
}
.gh-portal-input::placeholder {

4
ghost/portal/src/components/common/InputForm.js
View file

@ -6,7 +6,7 @@ const FormInput = ({field, onChange, onBlur}) => {
return null;
}
return (
<div>
<>
<InputField
label = {field.label}
type={field.type}
@ -17,7 +17,7 @@ const FormInput = ({field, onChange, onBlur}) => {
onBlur={e => onBlur(e, field)}
errorMessage={field.errorMessage}
/>
</div>
</>
);
};