Display order type control and timeslot in mobile view only

tastyigniter · Dec 9, 2020 · a226b42 · a226b42
1 parent 409c276
commit a226b42
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 12 deletions.
diff --git a/components/localbox/container.blade.php b/components/localbox/container.blade.php
@@ -2,16 +2,21 @@
     <div class="panel local-search">
         <div class="panel-body">
             <div class="row">
-                <div class="col-sm-{{ $hideSearch ? '12' : '4' }} mb-3 mb-sm-0">
-                    <div id="local-timeslot">
-                        @partial('@timeslot')
-                    </div>
-                </div>
                 @if (!$hideSearch)
-                    <div class="col-sm-8">
+                    <div class="col-sm-12">
                         @partial('@searchbar')
                     </div>
                 @endif
+                <div class="col-sm-12{{ $hideSearch ? '' : ' mt-3 mt-sm-0' }} d-block d-sm-none">
+                    <div class="local-timeslot">
+                        @partial('@timeslot')
+                    </div>
+                </div>
+                <div class="col-sm-12 mt-3 mt-sm-0 d-block d-sm-none">
+                    <div class="local-control">
+                        @partial('@control')
+                    </div>
+                </div>
             </div>
             @if ($location->requiresUserPosition()
                 AND $location->userPosition()->hasCoordinates()
@@ -22,4 +27,4 @@
     </div>
 
     @partial($__SELF__.'::default')
-</div>
+</div>
diff --git a/components/localbox/control.blade.php b/components/localbox/control.blade.php
@@ -4,14 +4,14 @@
         $collectionTime = make_carbon($location->collectionSchedule()->getOpenTime());
     @endphp
     <div
-        class="btn-group btn-group-toggle w-100 text-center order-type"
+        class="btn-group btn-group-toggle w-100 text-center"
         data-toggle="buttons"
         data-control="order-type-toggle"
         data-handler="{{ $orderTypeEventHandler }}"
     >
         @if ($locationCurrent->hasDelivery())
             <label
-                class="btn btn-light {{ $location->orderTypeIsDelivery() ? 'active' : '' }}">
+                class="btn btn-light w-50 {{ $location->orderTypeIsDelivery() ? 'active' : '' }}">
                 <input
                     type="radio"
                     name="order_type"
@@ -30,7 +30,7 @@ class="btn btn-light {{ $location->orderTypeIsDelivery() ? 'active' : '' }}">
             </label>
         @endif
         @if ($locationCurrent->hasCollection())
-            <label class="btn btn-light {{ $location->orderTypeIsCollection() ? 'active' : '' }}">
+            <label class="btn btn-light w-50 {{ $location->orderTypeIsCollection() ? 'active' : '' }}">
                 <input
                     type="radio"
                     name="order_type"
@@ -52,7 +52,7 @@ class="small center-block">
         @endif
     </div>
     @if ($location->orderTypeIsDelivery())
-        <p class="text-muted text-center">
+        <p class="text-muted text-center my-2">
             @if ($minOrderTotal = $location->minimumOrder($cart->subtotal()))
                 @lang('igniter.local::default.text_min_total'): {{ currency_format($minOrderTotal) }}
             @else

diff --git a/components/locallist/list.blade.php b/components/locallist/list.blade.php
@@ -88,4 +88,4 @@ class="text-muted small"
             </div>
         </div>
     </a>
-@endforeach
+@endforeach
-Original file line number
+Diff line change
@@ Expand Up / @@ -88,4 +88,4 @@ class="text-muted small" @@
                 </div>
             </div>
         </a>
-    @endforeach
+    @endforeach