fix-9127:Top align table content on manage event dashboard (#9159)

khangon · norbusan · commit 1f35f61ad57d · 2024-03-26T15:53:36.000+09:00
* fix-9127: Top align table content on manage event dashboard

* fix-9127: Top align table content on manage event dashboard
diff --git a/app/styles/pages/events.scss b/app/styles/pages/events.scss
@@ -256,3 +256,11 @@
     min-width: 7rem;
   }
 }
+
+.table-event-live {
+  table {
+    td {
+      vertical-align: top !important;
+    }
+  }
+}
diff --git a/app/templates/components/tables/default.hbs b/app/templates/components/tables/default.hbs
@@ -14,7 +14,7 @@
       </div>
     {{/unless}}
   </div>
-  <div class="ui no bottom padding row z-index-0">
+  <div class="ui no bottom padding row z-index-0 {{this.classEvent}}">
     <EmberTable @tableColor={{@color}} as |t|>
       <t.head
         @sortFunction={{null}}
diff --git a/app/templates/events/list.hbs b/app/templates/events/list.hbs
@@ -10,4 +10,5 @@
   @filterOptions={{this.filterOptions}}
   @widthConstraint="eq-container"
   @resizeMode="fluid"
-  @fillMode="equal-column" />
+  @fillMode="equal-column"
+  @classEvent="table-event-live"/>

Original file line number	Diff line number	Diff line change
`@@ -256,3 +256,11 @@`
`256`	`256`	`min-width: 7rem;`
`257`	`257`	`}`
`258`	`258`	`}`
	`259`	`+`
	`260`	`+.table-event-live {`
	`261`	`+ table {`
	`262`	`+ td {`
	`263`	`+ vertical-align: top !important;`
	`264`	`+ }`
	`265`	`+ }`
	`266`	`+}`