Merge pull request #698 from openstad/fix/closing-textarea

feat: Add cancel button to reply form

Author: iandebruin98

packages/comments/src/index.css

@@ -99,4 +99,12 @@
  overflow: hidden;
  padding: 0;
  position: absolute;
+}
+
+.comment-item .reaction-container .cancel-reply {
+ width: 100%;
+ max-width: 100%;
+ background: var(--utrecht-button-secondary-action-background-color, #ff0021);
+ color: var(--utrecht-button-secondary-action-color, white);
+ border: 1px solid var(--utrecht-button-secondary-action-border-color, #ff0021);
 }

packages/comments/src/parts/comment.tsx

@@ -266,6 +266,8 @@ function Comment({
                 toggleReplyForm();
               }}
             />
+            <Spacer size={.5} />
+            <Button className={'cancel-reply'} onClick={toggleReplyForm}> Annuleren </Button>
             <Spacer size={1} />
           </div>
         </div>