Fix row background styles

ltouroumov · Nov 19, 2024 · c2f1860 · c2f1860
1 parent d1208f3
commit c2f1860
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/components/viewer/ViewProjectRow.vue b/components/viewer/ViewProjectRow.vue
@@ -76,5 +76,9 @@ const isVisible = computed(() => condition(selectedIds.value));
     display: flex;
     flex-direction: column;
   }
+
+  .row-header {
+    overflow: auto;
+  }
 }
 </style>
diff --git a/components/viewer/style/engine.ts b/components/viewer/style/engine.ts
@@ -105,9 +105,6 @@ export class RowStylesGen extends StyleGenerator<RowStyles> {
 
   static TEMPLATE: string = `
     .project-row {
-      {{#if rowBgColorIsOn}}
-      background-color: {{rowBgColor}};
-      {{/if}}
       
       .row-title {
         font-family: {{rowTitle}};
@@ -136,6 +133,10 @@ export class RowStylesGen extends StyleGenerator<RowStyles> {
         {{/if}}
       }
       .row-header {
+        {{#if rowBgColorIsOn}}
+        background-color: {{rowBgColor}};
+        {{/if}}
+      
         margin-left: {{rowMargin}}%;
         margin-right: {{rowMargin}}%;