From 341174142c0cf25e787f3fb6169c6025d68ac2ce Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 15 Jun 2021 22:21:39 +0800
Subject: ...

---
 .../src/views/timeline-common/TimelinePostEdit.css | 21 ++++++++++++++++++++
 .../src/views/timeline-common/TimelinePostEdit.tsx |  2 ++
 FrontEnd/src/views/timeline-common/index.css       | 23 +---------------------
 3 files changed, 24 insertions(+), 22 deletions(-)
 create mode 100644 FrontEnd/src/views/timeline-common/TimelinePostEdit.css

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/views/timeline-common/TimelinePostEdit.css b/FrontEnd/src/views/timeline-common/TimelinePostEdit.css
new file mode 100644
index 00000000..a303b227
--- /dev/null
+++ b/FrontEnd/src/views/timeline-common/TimelinePostEdit.css
@@ -0,0 +1,21 @@
+.timeline-markdown-post-edit-page {
+  overflow: scroll;
+  max-height: 300px;
+}
+
+.timeline-markdown-post-edit-image-container {
+  position: relative;
+  text-align: center;
+  margin-bottom: 1em;
+}
+
+.timeline-markdown-post-edit-image {
+  max-width: 100%;
+  max-height: 200px;
+}
+
+.timeline-markdown-post-edit-image-delete-button {
+  position: absolute;
+  right: 10px;
+  top: 2px;
+}
diff --git a/FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx b/FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx
index 02a28850..14cd50d4 100644
--- a/FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx
+++ b/FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx
@@ -22,6 +22,8 @@ import Card from "../common/Card";
 import MarkdownPostEdit from "./MarkdownPostEdit";
 import TimelineLine from "./TimelineLine";
 
+import "./TimelinePostEdit.css";
+
 interface TimelinePostEditTextProps {
   text: string;
   disabled: boolean;
diff --git a/FrontEnd/src/views/timeline-common/index.css b/FrontEnd/src/views/timeline-common/index.css
index 6a5a6407..697aae46 100644
--- a/FrontEnd/src/views/timeline-common/index.css
+++ b/FrontEnd/src/views/timeline-common/index.css
@@ -155,6 +155,7 @@
 .timeline-post-edit {
   position: sticky;
   bottom: 0;
+  z-index: 1;
 }
 
 @media (max-width: 575.98px) {
@@ -241,25 +242,3 @@
   right: 0;
   margin: 0.5em;
 }
-
-.timeline-markdown-post-edit-page {
-  overflow: scroll;
-  max-height: 300px;
-}
-
-.timeline-markdown-post-edit-image-container {
-  position: relative;
-  text-align: center;
-  margin-bottom: 1em;
-}
-
-.timeline-markdown-post-edit-image {
-  max-width: 100%;
-  max-height: 200px;
-}
-
-.timeline-markdown-post-edit-image-delete-button {
-  position: absolute;
-  right: 10px;
-  top: 2px;
-}
-- 
cgit v1.2.3