Skip to content

Commit 0b9a217

Browse files
buddhajjigaejonocrxkevinparkwilliamdyoonMadinventorZero
committed
Rounded annotation textarea and header to rounded corners along with annotation button
Co-authored-by: jonocr <[email protected]> Co-authored-by: xkevinpark <[email protected]> Co-authored-by: williamdyoon <[email protected]> Co-authored-by: MadinventorZero <[email protected]>
1 parent cfb848d commit 0b9a217

File tree

2 files changed

+21
-3
lines changed

2 files changed

+21
-3
lines changed

app/src/components/main/Annotation.tsx

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -62,13 +62,15 @@ function Annotation({
6262
}
6363
}
6464

65+
/*
66+
<span className='annotate-textarea-footer'>
67+
<button className='annotate-textarea-savebutton'>Save Notes</button>
68+
</span>
69+
*/
6570
const body = (
6671
<div className='annotate-position'>
6772
<span className='annotate-textarea-header'>Notes for: {name} ( {id} )</span>
6873
<textarea className='annotate-textarea' id={id.toString()} onChange={handleAnnoChange}></textarea>
69-
<span className='annotate-textarea-footer'>
70-
<button className='annotate-textarea-savebutton'>Save Notes</button>
71-
</span>
7274
</div>
7375
)
7476

app/src/public/styles/style.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -413,10 +413,14 @@ ANNOTATIONS
413413
.annotate-button-empty {
414414
float: right;
415415
background-color: #3ec1ac;
416+
border-radius: 15px;
417+
font-size: 14px;
416418
}
417419

418420
.annotate-button-filled {
419421
float: right;
422+
border-radius: 15px;
423+
font-size: 13px;
420424
}
421425

422426
.annotate-position {
@@ -426,6 +430,7 @@ ANNOTATIONS
426430
align-items:flex-start;
427431
top: 30%;
428432
left: 30%;
433+
429434
}
430435

431436
.annotate-textarea {
@@ -434,20 +439,31 @@ ANNOTATIONS
434439
resize: none;
435440
white-space: pre-line;
436441
font-size: 18px;
442+
border: 3px;
443+
border-style: solid;
444+
border-color: black;
445+
border-radius: 0px 0px 15px 15px;
437446
}
438447

439448
.annotate-textarea-header {
440449
font-size: 35px;
441450
background-color: #4772c7;
442451
color: rgb(241, 240, 240);
443452
width: 600px;
453+
border: 3px;
454+
border-style: solid;
455+
border-color: black;
444456
font-family: 'Open Sans', sans-serif;
457+
border-radius: 15px 15px 0px 0px;
445458
}
446459

447460
.annotate-textarea-footer {
448461
background-color: #4772c7;
449462
color: rgb(107, 93, 93);
450463
width: 600px;
464+
border: 2px;
465+
border-style: solid;
466+
border-color: black;
451467
}
452468

453469
.annotate-textarea-savebutton {

0 commit comments

Comments
 (0)