add left border for shared or trs workflows in WorkflowCard

galaxyproject · Nov 9, 2023 · 01b8e39 · 01b8e39
1 parent 6eb22db
commit 01b8e39
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/client/src/components/Workflow/WorkflowCard.vue b/client/src/components/Workflow/WorkflowCard.vue
@@ -86,8 +86,10 @@ async function onTagsUpdate(tags: string[]) {
 </script>
 
 <template>
-    <div class="workflow-card">
-        <div class="workflow-card-container">
+    <div class="workflow-card" :data-workflow-id="workflow.id">
+        <div
+            class="workflow-card-container"
+            :class="{ 'workflow-shared-trs': !publishedView && (workflow.source_metadata || workflow.published) }">
             <div>
                 <div class="d-flex justify-content-between align-items-center mb-1">
                     <div>
@@ -289,6 +291,10 @@ async function onTagsUpdate(tags: string[]) {
         }
     }
 
+    .workflow-shared-trs {
+        border-left: 0.25rem solid $brand-primary;
+    }
+
     @container (max-width: 768px) {
         .hide-in-card {
             display: none !important;