Refactor timeline but keep times

2024-07-13 16:21:56 +09:00
parent 04b6bee8a1
commit 349d491f7d
4 changed files with 112 additions and 109 deletions
--- a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
+++ b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
@@ -209,7 +209,7 @@
      }

      .status {
-        margin-top: -64px;
+        margin-top: -66px;

        .badge.badge-waiting {
          opacity: 0.5;
@@ -224,10 +224,20 @@
      }

      .time {
-        margin-top: 33px;
+        margin-top: 32px;
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
+
+        &.offset-left {
+          @media (max-width: 650px) {
+            margin-left: -20px;
+          }
+        }
+
+        &.no-margin {
+          margin-top: 0px;
+        }
      }
    }
  }