Adding workflow management

I

src/assets/icons.py

@@ -10,3 +10,12 @@ icon_dismiss_regular = NotStr(
     </g>
   </svg>"""
 )
+
+# Fluent Add16Regular
+icon_add_regular = NotStr("""<svg name="addd" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">
+  <g fill="none">
+    <path d="M8 2.5a.5.5 0 0 0-1 0V7H2.5a.5.5 0 0 0 0 1H7v4.5a.5.5 0 0 0 1 0V8h4.5a.5.5 0 0 0 0-1H8V2.5z" fill="currentColor">
+    </path>
+  </g>
+</svg>
+""")

src/assets/main.css

@@ -28,6 +28,21 @@
     transition: opacity 0.3s ease; /* No delay when becoming visible */
 }
 
+.mmt-visible-on-hover {
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.2s ease, visibility 0s linear 0.2s;
+}
+
+
+/* When parent is hovered, show the child elements with this class */
+*:hover > .mmt-visible-on-hover {
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 0.2s ease;
+}
+
+
 .icon-32 {
     width: 32px;
     height: 32px;
@@ -65,7 +80,6 @@
     padding-top: 4px;
 }
 
-
 .icon-16 {
     width: 16px;
     min-width: 16px;
@@ -82,7 +96,6 @@
     padding-top: 5px;
 }
 
-
 .icon-bool {
     display: block;
     width: 20px;