From dd3f3d5b834d8def266bf0ce7e3c3e8e8e3e8a9e Mon Sep 17 00:00:00 2001
From: s416422 <joapal@st.amu.edu.pl>
Date: Tue, 3 Mar 2020 16:35:27 +0100
Subject: [PATCH] carousel sliding direction changed to vertical

---
 public/css/app.css                            | 20 +++++++++++++++++++
 public/css/map/jquery.seat-charts.css         | 17 ++++++++++++----
 resources/views/map/seat_map.blade.php        |  6 +++---
 .../views/user/user_preview_classes.blade.php |  2 +-
 4 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index dd81198..4e11a4a 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -6867,6 +6867,26 @@ a.close.disabled {
   transition: opacity 0.15s ease;
 }
 
+.vertical .carousel-item-prev,
+.vertical .active.carousel-item-right {
+  transform: translateY(100%);
+  transition: transform 0s ease-in-out;
+}
+.vertical .carousel-item-next,
+.vertical .active.carousel-item-left {
+  transform: translateY(-100%);
+  transition: transform 0s ease-in-out;
+}
+.vertical .carousel-control-prev-icon,
+.vertical .carousel-control-next-icon {
+  transform: rotate(90deg);
+}
+.carousel-control-prev, .carousel-control-next {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .carousel-control-prev,
   .carousel-control-next {
diff --git a/public/css/map/jquery.seat-charts.css b/public/css/map/jquery.seat-charts.css
index a57bb55..25bc493 100644
--- a/public/css/map/jquery.seat-charts.css
+++ b/public/css/map/jquery.seat-charts.css
@@ -17,9 +17,9 @@ div.seatCharts-cell {
 	outline: none;
 	font-size: 13px;
 	color: #182C4E;
-	height: 90px;
-	width: 90px;
-	line-height: 90px;
+	height: 100px;
+	width: 100px;
+	line-height: 100px;
 }
 
 div.seatCharts-seat {
@@ -40,7 +40,7 @@ div.seatCharts-space {
 }
 
 div.seatCharts-row {
-	height: 100px;
+	height: 110px;
 	display: flex;
 	justify-content: flex-start;
 	margin: 0 auto;
@@ -332,6 +332,15 @@ a.checkout-button {
 	}
 }
 
+/*.carousel-item-next.carousel-item-left,*/
+/*.carousel-item-prev.carousel-item-right {*/
+	/*!*-webkit-transform: translate3d(0, 0, 0);*!*/
+	/*!*transform: translate3d(0, 0, 0);*!*/
+	/*transform: translateY(0%);*/
+
+/*}*/
+
+
 @media (max-width: 650px) {
 	.wrapper {
 		height: 30%;
diff --git a/resources/views/map/seat_map.blade.php b/resources/views/map/seat_map.blade.php
index 7eaf88b..965f194 100644
--- a/resources/views/map/seat_map.blade.php
+++ b/resources/views/map/seat_map.blade.php
@@ -23,7 +23,7 @@
                         <b>sala {{ App\Room::find(App\Subject::find(App\Classes::find($classes_id)->subject_id)->room_id)->name }}</b>
                     </p>
                 </div>
-                <div id="map-carousel" class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false">
+                <div id="map-carousel" class="carousel slide vertical" data-ride="carousel" data-interval="false" data-wrap="false">
                     <div class="carousel-inner" id="multi_parts-map">
                         <input type="hidden" id="multi_parts_number" value="{{ $parts_number }}">
                         @foreach(range(0, $parts_number-1) as $index)
@@ -40,11 +40,11 @@
                     </div>
                     <a class="carousel-control-prev" href="#map-carousel" role="button" data-slide="prev">
                         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                        <span class="sr-only">Pierwsza część</span>
+                        <span>Poprzednia część</span>
                     </a>
                     <a class="carousel-control-next" href="#map-carousel" role="button" data-slide="next">
                         <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                        <span class="sr-only">Druga część</span>
+                        <span>Następna część</span>
                     </a>
                 </div>
             @else
diff --git a/resources/views/user/user_preview_classes.blade.php b/resources/views/user/user_preview_classes.blade.php
index b79cc37..9fd5b77 100644
--- a/resources/views/user/user_preview_classes.blade.php
+++ b/resources/views/user/user_preview_classes.blade.php
@@ -57,7 +57,7 @@
         </div>
         <div class="seat-chart-wrapper">
             @if($multi_parts)
-                <div id="map-carousel" class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false">
+                <div id="map-carousel" class="carousel slide vertical" data-ride="carousel" data-interval="false" data-wrap="false">
                     <div class="carousel-inner" id="multi_parts-map">
                         <input type="hidden" id="multi_parts_number" value="{{ $parts_number }}">
                         @foreach(range(0, $parts_number-1) as $index)