diff options
| author | crupest <crupest@outlook.com> | 2020-06-10 15:50:15 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-06-10 15:50:15 +0800 |
| commit | 048e58c3b286b89ab66b65a899a2693f4bafa681 (patch) | |
| tree | e48a632b8411a983932c4d58b8a2c55401091124 | |
| parent | 9eb1bf46d24ef204e335f5f49b0e8f5501cbc9f8 (diff) | |
| download | timeline-048e58c3b286b89ab66b65a899a2693f4bafa681.tar.gz timeline-048e58c3b286b89ab66b65a899a2693f4bafa681.tar.bz2 timeline-048e58c3b286b89ab66b65a899a2693f4bafa681.zip | |
feat(front): Make post editer beatiful.
| -rw-r--r-- | Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx | 4 | ||||
| -rw-r--r-- | Timeline/ClientApp/src/timeline/timeline.sass | 8 |
2 files changed, 10 insertions, 2 deletions
diff --git a/Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx b/Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx index 16ce445a..d266bd8d 100644 --- a/Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx +++ b/Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx @@ -178,10 +178,10 @@ const TimelinePostEdit: React.FC<TimelinePostEditProps> = (props) => { return (
<div ref={containerRef} className="container-fluid fixed-bottom bg-light">
<Row>
- <Col className="px-0">
+ <Col className="px-1 py-1">
{kind === 'text' ? (
<textarea
- className="w-100 h-100"
+ className="w-100 h-100 timeline-post-edit"
value={text}
disabled={state === 'process'}
onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {
diff --git a/Timeline/ClientApp/src/timeline/timeline.sass b/Timeline/ClientApp/src/timeline/timeline.sass index dad5251c..c9f88a22 100644 --- a/Timeline/ClientApp/src/timeline/timeline.sass +++ b/Timeline/ClientApp/src/timeline/timeline.sass @@ -116,3 +116,11 @@ $timeline-line-color-current: #36c2e6 .mask
background: change-color($color: white, $alpha: 0.8)
z-index: 100
+
+textarea.timeline-post-edit
+ @extend .border-primary
+ @extend .rounded
+
+ &:focus
+ outline: none
+ box-shadow: 0 0 5px 0 $primary
|