From a3b0c56182b7b5ff2bb0130db907290e986243f3 Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Thu, 30 Mar 2023 05:47:53 +0900
Subject: [PATCH] Improve RBF diagram state visibility

---
 .../rbf-timeline/rbf-timeline.component.scss  | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/rbf-timeline/rbf-timeline.component.scss b/frontend/src/app/components/rbf-timeline/rbf-timeline.component.scss
index 2e8b9b01c..97388b98e 100644
--- a/frontend/src/app/components/rbf-timeline/rbf-timeline.component.scss
+++ b/frontend/src/app/components/rbf-timeline/rbf-timeline.component.scss
@@ -118,7 +118,7 @@
           height: 100%;
           border-radius: 10%;
           background: white;
-          transition: background-color 300ms;
+          transition: background-color 300ms, border 300ms;
         }
 
         &.rbf, &.rbf .shape {
@@ -149,6 +149,26 @@
           background: #1bd8f4;
         }
       }
+
+      &.selected.mined {
+        .shape-border {
+          background: #1a9436;
+          height: calc(1em + 16px);
+          width: calc(1em + 16px);
+
+          .shape {
+            border: solid 4px #9339f4;
+          }
+
+          &:hover {
+            padding: 4px;
+            .shape {
+              border-width: 1px;
+              border-color: #1bd8f4
+            }
+          }
+        }
+      }
     }
 
     .connector {