fix 9140: The value of the status dropdown list cannot be displayed in full (#9160)

* fix-9140: The value of the status dropdown list cannot be displayed in full

* fix-9140: The value of the status dropdown list cannot be displayed in full

Author: khangon

app/styles/pages/events.scss

@@ -264,3 +264,45 @@
     }
   }
 }
+
+.reset-overflow {
+  .z-index-0 {
+    div {
+      overflow: visible !important;
+    }
+  }
+}
+
+.session-list .table tbody  tr {
+  &:nth-last-child(2) {
+    .ui.dropdown.button {
+      position: relative;
+    }
+
+    .menu {
+      position: absolute;
+      transform: translateY(-122%);
+      transition: transform .3s ease-in-out;
+    }
+
+    .menu.hidden.transition {
+      position: relative;
+    }
+  }
+
+  &:nth-last-child(3) {
+    .ui.dropdown.button {
+      position: relative;
+    }
+
+    .menu {
+      position: absolute;
+      transform: translateY(-122%);
+      transition: transform .3s ease-in-out;
+    }
+
+    .menu.hidden.transition {
+      position: relative;
+    }
+  }
+}

app/templates/events/view/sessions/list.hbs

@@ -1,4 +1,4 @@
-<div class="sixteen wide column">
+<div class="sixteen wide column session-list {{if (lte this.model.sessions.data.length 1) 'reset-overflow'}}">
   <Tables::Default
     @columns={{this.columns}}
     @rows={{this.model.sessions.data}}