Improve step colors in timeline

2024-07-05 16:30:12 +09:00
parent 4cd70941f7
commit 1710ae0503
2 changed files with 16 additions and 4 deletions
--- a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
+++ b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
@@ -145,6 +145,12 @@
          transition: background-color 300ms, border 300ms;
        }

+        &.waiting {
+          .shape {
+            background: var(--grey);
+          }
+        }
+
        &.sent-selected {
          .shape {
            background: var(--primary);
@@ -166,6 +172,12 @@

      .status {
        margin-top: -64px;
+
+        .badge.badge-waiting {
+          opacity: 0.5;
+          background-color: var(--grey);
+          color: white;
+        }
        
        .badge.badge-accelerated {
          background-color: var(--tertiary);