diff options
-rw-r--r-- | FrontEnd/src/views/timeline-common/TimelinePostEdit.css | 21 | ||||
-rw-r--r-- | FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/views/timeline-common/index.css | 23 |
3 files changed, 24 insertions, 22 deletions
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; -} |