Remove more destination columns on portrait mobile

backspace · Jan 6, 2024 · 8c138e4 · 8c138e4
1 parent c462b77
commit 8c138e4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/gathering/app/components/destination-row.gjs b/gathering/app/components/destination-row.gjs
@@ -70,17 +70,17 @@ export default class DestinationRow extends Component {
         class='p-2 align-top'
         data-test-description
       >{{@destination.description}}</td>
-      <td class='p-2 align-top' data-test-answer>{{@destination.answer}}</td>
+      <td class='p-2 align-top hidden sm:table-cell' data-test-answer>{{@destination.answer}}</td>
       <td
         class='p-2 align-top hidden sm:table-cell'
         data-test-mask
       >{{@destination.mask}}</td>
       <td
-        class='p-2 align-top'
+        class='p-2 align-top hidden sm:table-cell'
         data-test-awesomeness
       >{{@destination.awesomeness}}</td>
-      <td class='p-2 align-top' data-test-risk>{{@destination.risk}}</td>
-      <td class='p-2 align-top' data-test-scheduled>{{if
+      <td class='p-2 align-top hidden sm:table-cell' data-test-risk>{{@destination.risk}}</td>
+      <td class='p-2 align-top hidden sm:table-cell' data-test-scheduled>{{if
           @destination.meetings
           '✓'
         }}</td>

diff --git a/gathering/app/templates/destinations/index.hbs b/gathering/app/templates/destinations/index.hbs
@@ -7,7 +7,7 @@
       {{#if (feature-flag 'destination-status')}}
         <th></th>
       {{/if}}
-      <th class='p-2 text-left text-sm'>
+      <th class='p-2 text-left text-sm hidden sm:table-cell'>
         <SortButton
           @active={{eq this.sorting 'region'}}
           {{on 'click' this.toggleRegionSort}}
@@ -16,16 +16,16 @@
           Region
         </SortButton>
       </th>
-      <th class='p-2 text-left text-sm'>
+      <th class='p-2 text-left text-sm hidden sm:table-cell'>
         Description
       </th>
       <th class='p-2 text-left text-sm'>
         Answer
       </th>
-      <th class='p-2 text-left text-sm hidden sm:table-cell'>
+      <th class='p-2 text-left text-sm'>
         Mask
       </th>
-      <th class='p-2 text-left text-sm'>
+      <th class='p-2 text-left text-sm hidden sm:table-cell'>
         <SortButton
           @active={{eq this.sorting 'awesomeness'}}
           {{on 'click' this.toggleAwesomenessSort}}
@@ -34,10 +34,10 @@
           A
         </SortButton>
       </th>
-      <th class='p-2 text-left text-sm'>
+      <th class='p-2 text-left text-sm hidden sm:table-cell'>
         R
       </th>
-      <th class='p-2 text-left text-sm'>
+      <th class='p-2 text-left text-sm hidden sm:table-cell'>
         <SortButton
           @active={{eq this.sorting 'scheduled'}}
           {{on 'click' this.toggleScheduledSort}}