fix-9089: Mobile Schedule filter dropdowns not following defined orde… (#9095)

* fix-9089: Mobile Schedule filter dropdowns not following defined order and dropdown too short

* order track, session type as it position on schedule filter

Author: nnhathung

app/styles/pages/public.scss

@@ -136,6 +136,7 @@
 
       .menu.transition.visible {
         border-top: 1px solid #96c8da !important;
+        max-height: 27rem !important;
       }
 
       .menu {
@@ -155,6 +156,7 @@
 
     .menu.transition.visible {
       border-top: 1px solid #96c8da !important;
+      max-height: 27rem !important;
     }
 
     .menu {
@@ -182,6 +184,7 @@
 
     .menu.transition.visible {
       border-top: 1px solid #96c8da !important;
+      max-height: 27rem !important;
     }
   }
 
@@ -196,6 +199,7 @@
 
     .menu.transition.visible {
       border-top: 1px solid #96c8da !important;
+      max-height: 27rem !important;
     }
 
     .menu {

app/templates/components/public/schedule-menu-filter.hbs

@@ -9,7 +9,7 @@
                         </div>
                         <i class="dropdown icon ic-ddown"></i>
                         <div class="menu">
-                            {{#each this.event.tracks as |track|}}
+                            {{#each this.trackList as |track|}}
                             <UiCheckbox @class="item" @label={{track.name}} @checked={{if (includes this.activeTrack
                                 track.name) " active"}} @onChange={{action trackFilter track.name }} />
                             {{/each}}
@@ -23,7 +23,7 @@
                         </div>
                         <i class="dropdown icon ic-ddown"></i>
                         <div class="menu">
-                            {{#each this.event.microlocations as |room|}}
+                            {{#each this.microlocationList as |room|}}
                             {{#if (not room.hiddenInScheduler)}}
                             <UiCheckbox @class="item" @label={{room.name}} @checked={{if (includes this.activeRoom room.name) " active"
                                 }} @onChange={{action roomFilter room.name }} />
@@ -39,7 +39,7 @@
                         </div>
                         <i class="dropdown icon ic-ddown"></i>
                         <div class="menu">
-                            {{#each this.event.sessionTypes as |sessionType|}}
+                            {{#each this.sessionTypeList as |sessionType|}}
                             <UiCheckbox @class="item" @label={{sessionType.name}} @checked={{if (includes this.activeSession
                                 sessionType.name) " active" }} @onChange={{action this.sessionFilter sessionType.name}} />
                             {{/each}}