From a1c593ee087c47937f98dee4459c8d50fdd7b9d7 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 30 Jun 2021 19:09:23 +0800
Subject: ...

---
 FrontEnd/src/views/common/dailog/FullPageDialog.css             | 4 ++++
 FrontEnd/src/views/common/dailog/FullPageDialog.tsx             | 2 +-
 FrontEnd/src/views/timeline-common/TimelinePageCardTemplate.tsx | 5 +----
 FrontEnd/src/views/timeline-common/index.css                    | 1 +
 4 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/views/common/dailog/FullPageDialog.css b/FrontEnd/src/views/common/dailog/FullPageDialog.css
index 65f16041..a7033398 100644
--- a/FrontEnd/src/views/common/dailog/FullPageDialog.css
+++ b/FrontEnd/src/views/common/dailog/FullPageDialog.css
@@ -24,3 +24,7 @@
 .cru-full-page-content-container {
   overflow: scroll;
 }
+
+.cru-full-page-back-button {
+  color: var(--cru-text-on-primary-color);
+}
diff --git a/FrontEnd/src/views/common/dailog/FullPageDialog.tsx b/FrontEnd/src/views/common/dailog/FullPageDialog.tsx
index 72c9b269..2e77dbb0 100644
--- a/FrontEnd/src/views/common/dailog/FullPageDialog.tsx
+++ b/FrontEnd/src/views/common/dailog/FullPageDialog.tsx
@@ -23,7 +23,7 @@ const FullPageDialog: React.FC<FullPageDialogProps> = ({
     >
       <div className="cru-full-page-top-bar">
         <i
-          className="icon-button bi-arrow-left text-white ms-3"
+          className="icon-button bi-arrow-left ms-3 cru-full-page-back-button"
           onClick={onBack}
         />
       </div>
diff --git a/FrontEnd/src/views/timeline-common/TimelinePageCardTemplate.tsx b/FrontEnd/src/views/timeline-common/TimelinePageCardTemplate.tsx
index 4802ca93..5c2fb275 100644
--- a/FrontEnd/src/views/timeline-common/TimelinePageCardTemplate.tsx
+++ b/FrontEnd/src/views/timeline-common/TimelinePageCardTemplate.tsx
@@ -112,10 +112,7 @@ const TimelinePageCardTemplate: React.FC<TimelineCardTemplateProps> = ({
 
   return (
     <>
-      <Card
-        className={classnames("p-2 cru-clearfix", className)}
-        style={{ zIndex: collapse ? 1029 : 1031 }}
-      >
+      <Card className={classnames("p-2 cru-clearfix", className)}>
         <div className="cru-float-right ms-3 d-flex align-items-center">
           <ConnectionStatusBadge status={connectionStatus} className="me-2" />
           <CollapseButton collapse={collapse} onClick={toggleCollapse} />
diff --git a/FrontEnd/src/views/timeline-common/index.css b/FrontEnd/src/views/timeline-common/index.css
index 70a1646d..6929f9ae 100644
--- a/FrontEnd/src/views/timeline-common/index.css
+++ b/FrontEnd/src/views/timeline-common/index.css
@@ -239,6 +239,7 @@
 
 .timeline-template-card {
   position: fixed;
+  z-index: 1029;
   top: 56px;
   right: 0;
   margin: 0.5em;
-- 
cgit v1.2.3