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;
-}
+}

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

@@ -18,6 +18,7 @@ $chill-theme-buttons: (
    "show":          $chill-blue,
    "view":          $chill-blue,
    "misc":          $gray-300,
+   "download":      $gray-300,
    "cancel":        $gray-300,
    "choose":        $gray-300,
    "notify":        $gray-300,
@@ -78,6 +79,7 @@ $chill-theme-buttons: (
    &.btn-choose::before,
    &.btn-notify::before,
    &.btn-tpchild::before,
+   &.btn-download::before,
    &.btn-cancel::before {
       font: normal normal normal 14px/1 ForkAwesome;
       margin-right: 0.5em;
@@ -105,6 +107,7 @@ $chill-theme-buttons: (
    &.btn-unlink::before    { content: "\f127"; } // fa-chain-broken
    &.btn-notify::before    { content: "\f1d8"; } // fa-paper-plane
    &.btn-tpchild::before   { content: "\f007"; } // fa-user
+   &.btn-download::before  { content: "\f019"; } // fa-download
 }
 
 

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

@@ -41,6 +41,15 @@ div.flex-table {
             margin-right: 5px;
         }
     }
+
+    div.item-meta {
+        flex-grow: 1 !important;
+        flex-shrink: 1 !important;
+        width: unset !important;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
 }
 
 /*

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

@@ -68,6 +68,7 @@ div.notification-show {
 }
 
 // Override bootstrap accordion
+div#workflow-fold,
 div#notification-fold {
     .accordion-button {
         padding: 0;
@@ -78,3 +79,14 @@ div#notification-fold {
         }
     }
 }
+
+// Counter
+div.notification-counter {
+    span {
+        &:not(:first-child) {
+            &::before {
+                content: '/ ';
+            }
+        }
+    }
+}

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

@@ -106,6 +106,8 @@ section.chill-entity {
     // used for comment-embeddable
     &.entity-comment-embeddable {
         width: 100%;
+        
+        /* already defined !!
         div.metadata {
             font-size: smaller;
             color: $gray-600;
@@ -116,5 +118,6 @@ section.chill-entity {
                 }
             }
         }
+        */
     }
 }