chg: responsive fixes for homepage text, scroll overflow and menu font on small screens (< 430px)

resources/shop/css/site.css

@@ -443,10 +443,56 @@ div.megamenu ul.megamenu li.megamenu.level1
 	font-size: 2em;
 }
 
+.shelve-article-label {
+	height: 48px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
 /* -- Responsive: très petites résolutions (< 430px) -- */
 
 @media (max-width: 429.98px) {
 	.shelve-title {
 		font-size: 1.4em;
 	}
+	.shelve-btn {
+		font-size: 0.8em;
+	}
+	.shelve-btn-suffix {
+		display: none;
+	}
+	.shelve-article-label {
+		font-size: 0.8em;
+		height: 36px;
+	}
+	.shelve-slide {
+		padding-left: 0.15rem !important;
+		padding-right: 0.15rem !important;
+	}
+	body {
+		overflow-x: hidden;
+	}
+	.homepage-text {
+		font-size: 1em !important;
+	}
+	.homepage-text h1 {
+		font-size: 1.3em !important;
+	}
+	.homepage-text h5 {
+		font-size: 0.85em !important;
+	}
+	.homepage-text p {
+		font-size: 0.85em;
+	}
+	.homepage-text .home-nav .auto {
+		min-width: 100% !important;
+		max-width: 100% !important;
+	}
+	#navbarContentMobile .nav-link,
+	#navbarContentMobile .dropdown-menu a {
+		font-size: 0.85em;
+	}
 }

resources/views/Shop/Homepage/partials/sliderByShelve.blade.php

@@ -6,8 +6,8 @@
             </div>
             <div class="col-6 text-right">
                 <a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}"
-                    class="mt-2 mr-2 btn btn-green-dark">
-                    Découvrir la sélection
+                    class="mt-2 mr-2 btn btn-green-dark shelve-btn">
+                    Découvrir<span class="shelve-btn-suffix"> la sélection</span>
                 </a>
                 <!--
                 <a class="mt-2 green-dark btn" href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}">Tout
@@ -18,11 +18,11 @@
         <div class="row">
             <div class="col-11 mx-auto shelve_slider_{{ $shelve['id'] }} slider">
                 @foreach ($shelve['articles'] as $name => $article)
-                    <div class="text-center pr-2 pl-2">
+                    <div class="text-center pr-2 pl-2 shelve-slide">
                         <a class="green" href="{{ route('Shop.Articles.show', ['id' => $article['id']]) }}">
                             <img data-lazy="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}"
                                 class="d-block w-100 rounded" alt="{{ $name }}" />
-                            <div style="height: 48px;">
+                            <div class="shelve-article-label">
                                 {{ $name }}
                             </div>
                         </a>

resources/views/Shop/home.blade.php

@@ -7,7 +7,7 @@
 
     @if (!empty($text))
         <div class="row m-0 mb-3">
-            <div class="col-12 p-3 green-dark" style="font-size: 1.2em;">{!! $text !!}</div>
+            <div class="col-12 p-3 green-dark homepage-text" style="font-size: 1.2em;">{!! $text !!}</div>
         </div>
     @endif