File tree Expand file tree Collapse file tree 2 files changed +21
-3
lines changed Expand file tree Collapse file tree 2 files changed +21
-3
lines changed Original file line number Diff line number Diff line change @@ -62,13 +62,15 @@ function Annotation({
62
62
}
63
63
}
64
64
65
+ /*
66
+ <span className='annotate-textarea-footer'>
67
+ <button className='annotate-textarea-savebutton'>Save Notes</button>
68
+ </span>
69
+ */
65
70
const body = (
66
71
< div className = 'annotate-position' >
67
72
< span className = 'annotate-textarea-header' > Notes for: { name } ( { id } )</ span >
68
73
< 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 >
72
74
</ div >
73
75
)
74
76
Original file line number Diff line number Diff line change @@ -413,10 +413,14 @@ ANNOTATIONS
413
413
.annotate-button-empty {
414
414
float : right;
415
415
background-color : # 3ec1ac ;
416
+ border-radius : 15px ;
417
+ font-size : 14px ;
416
418
}
417
419
418
420
.annotate-button-filled {
419
421
float : right;
422
+ border-radius : 15px ;
423
+ font-size : 13px ;
420
424
}
421
425
422
426
.annotate-position {
@@ -426,6 +430,7 @@ ANNOTATIONS
426
430
align-items : flex-start;
427
431
top : 30% ;
428
432
left : 30% ;
433
+
429
434
}
430
435
431
436
.annotate-textarea {
@@ -434,20 +439,31 @@ ANNOTATIONS
434
439
resize : none;
435
440
white-space : pre-line;
436
441
font-size : 18px ;
442
+ border : 3px ;
443
+ border-style : solid;
444
+ border-color : black;
445
+ border-radius : 0px 0px 15px 15px ;
437
446
}
438
447
439
448
.annotate-textarea-header {
440
449
font-size : 35px ;
441
450
background-color : # 4772c7 ;
442
451
color : rgb (241 , 240 , 240 );
443
452
width : 600px ;
453
+ border : 3px ;
454
+ border-style : solid;
455
+ border-color : black;
444
456
font-family : 'Open Sans' , sans-serif;
457
+ border-radius : 15px 15px 0px 0px ;
445
458
}
446
459
447
460
.annotate-textarea-footer {
448
461
background-color : # 4772c7 ;
449
462
color : rgb (107 , 93 , 93 );
450
463
width : 600px ;
464
+ border : 2px ;
465
+ border-style : solid;
466
+ border-color : black;
451
467
}
452
468
453
469
.annotate-textarea-savebutton {
You can’t perform that action at this time.
0 commit comments