Fixes #231

OpenConext · Sep 13, 2024 · a4de860 · a4de860
1 parent 3553fd7
commit a4de860
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/client/src/components/InputField.jsx b/client/src/components/InputField.jsx
@@ -22,6 +22,7 @@ export default function InputField({
                                        link = null,
                                        externalLink = false,
                                        large = false,
+                                       small = false,
                                        noInput = false,
                                        error = false,
                                        cols = 5,
@@ -68,13 +69,15 @@ export default function InputField({
                               onChange={onChange}
                               onBlur={onBlur}
                               id={name}
-                              className={`${className} sds--text-area ${large ? "large" : ""}`}
+
+                              className={`${className} sds--text-area ${large ? "large" : ""} ${small ? "small" : ""}`}
                               onKeyDown={e => {
                                   if (onEnter && e.keyCode === 13) {//enter
                                       onEnter(e);
                                   }
                               }}
-                              placeholder={placeholder} cols={cols}/>}
+                              placeholder={placeholder}
+                              cols={cols}/>}
                 {button && button}
                 {copyClipBoard && <ClipBoardCopy txt={value} right={true} input={true}/>}
                 {link && <div className="input-field-link" onClick={() => navigate(link)}>

diff --git a/client/src/components/InputField.scss b/client/src/components/InputField.scss
@@ -38,6 +38,10 @@
     textarea {
         height: 90px;
 
+        &.small {
+            height: 51px;
+        }
+
         &.large {
             height: 170px;
         }

diff --git a/client/src/pages/InvitationForm.js b/client/src/pages/InvitationForm.js
@@ -259,7 +259,8 @@ export const InvitationForm = () => {
                             value={invitation.message}
                             onChange={e => setInvitation({...invitation, message: e.target.value})}
                             placeholder={I18n.t("invitations.messagePlaceholder")}
-                            large={true}
+                            small={true}
+                            cols={1}
                             multiline={true}/>
 
                 <SelectField