Mobile day view should display event list, not day table

Summary: Closes T8178, Mobile day view should display event list, not day table

Test Plan: Open day view on a device, observe that day table is hidden.

Reviewers: chad, #blessed_reviewers, epriestley

Reviewed By: #blessed_reviewers, epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T8178

Differential Revision: https://secure.phabricator.com/D12916

resources/celerity/map.php

@@ -120,7 +120,7 @@ return array(
     'rsrc/css/layout/phabricator-hovercard-view.css' => 'dd9121a9',
     'rsrc/css/layout/phabricator-side-menu-view.css' => 'c1db9e9c',
     'rsrc/css/layout/phabricator-source-code-view.css' => '2ceee894',
-    'rsrc/css/phui/calendar/phui-calendar-day.css' => '3b4a65d8',
+    'rsrc/css/phui/calendar/phui-calendar-day.css' => 'c0cf782a',
     'rsrc/css/phui/calendar/phui-calendar-list.css' => '3e713fc7',
     'rsrc/css/phui/calendar/phui-calendar-month.css' => '017a953b',
     'rsrc/css/phui/calendar/phui-calendar.css' => '8345be98',
@@ -761,7 +761,7 @@ return array(
     'phui-box-css' => '7b3a2eed',
     'phui-button-css' => 'de610129',
     'phui-calendar-css' => '8345be98',
-    'phui-calendar-day-css' => '3b4a65d8',
+    'phui-calendar-day-css' => 'c0cf782a',
     'phui-calendar-list-css' => '3e713fc7',
     'phui-calendar-month-css' => '017a953b',
     'phui-crumbs-view-css' => '594d719e',

src/view/phui/calendar/PHUICalendarDayView.php

@@ -185,7 +185,7 @@ final class PHUICalendarDayView extends AphrontView {
 
     $layout = id(new AphrontMultiColumnView())
       ->addColumn($sidebar, 'third')
-      ->addColumn($table_box, 'thirds')
+      ->addColumn($table_box, 'thirds phui-day-view-column')
       ->setFluidLayout(true)
       ->setGutter(AphrontMultiColumnView::GUTTER_MEDIUM);
 

webroot/rsrc/css/phui/calendar/phui-calendar-day.css

@@ -2,6 +2,14 @@
  * @provides phui-calendar-day-css
  */
 
+.device .phui-day-view-column {
+  display: none;
+}
+
+.device .phui-calendar-list-container {
+  width: 100%;
+}
+
 .phui-calendar-day-view {
   overflow: scroll;
   width: 100%;