105 worflow

src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss

@@ -1,5 +1,5 @@
 // Access to Bootstrap variables and mixins
-@import '~ChillMainAssets/module/bootstrap/shared';
+@import 'ChillMainAssets/module/bootstrap/shared';
 
 // Chill variables
 @import './scss/chill_variables';
@@ -277,11 +277,17 @@ table.table-bordered {
    }
 }
 
+/// meta-data
+div.updatedBy,
+div.metadata {
+    span.user, span.date {
+        text-decoration: underline dotted;
+    }
+}
 div.metadata {
    font-size: smaller;
    color: $gray-600;
    span.user, span.date {
-      text-decoration: underline dotted;
       &:hover {
          color: $gray-700;
       }
@@ -424,7 +430,63 @@ span.item-key {
     //text-decoration: dotted underline;
 }
 
+/// Workflows
+div.workflow {
+    section.step {
+        border: 1px solid $chill-l-gray;
+        padding: 1em 2em;
+        div.flex-table {
+            margin: 1.5em -2em;
+        }
+    }
+    div.to-decision,
+    div.decided {
+        font-variant: all-small-caps;
+        margin-left: 1em;
+    }
+    div.to-decision {
+        font-weight: 300;
+    }
+    div.decided {
+        font-weight: 600;
+    }
+    div.breadcrumb {
+        display: initial;
+        margin-bottom: 0;
+        padding-right: 0.5em;
+        background-color: tint-color($chill-yellow, 90%);
+        border: 1px solid $chill-yellow;
+        color: $primary;
+        border-radius: 1.5em;
+        font-size: 12pt;
+        font-weight: 500;
+        font-variant: small-caps;
+        span, a {
+            cursor: pointer;
+            text-decoration: none;
+            &:hover {
+                font-weight: 700;
+            }
+        }
+    }
+}
+
+// Override bootstrap popover styles
+div.popover {
+    box-shadow: 0 0 10px -5px $dark;
+    .popover-arrow {}
+    .popover-header {}
+    .popover-body {}
+
+    // Specific worflow breadcrumb popover
+    &.workflow-transition {
+        .popover-header {
+            font-variant: small-caps;
+        }
+    }
+}
+
 // increase toast message z-index (above all modals)
 div.v-toast {
    z-index: 10000!important;
-}
+}