Forráskód Böngészése

update css 1000 vé free

student 4 hete
szülő
commit
458ca38e70

+ 64 - 54
website/Areas/Millions/Views/Home/PopupFreeTickit.cshtml

@@ -1,7 +1,17 @@
 @using LotteryWebApp.Languages
+@using LotteryWebApp.Extensions
 @using Microsoft.AspNetCore.Http
+@using System.Globalization
 @{
 	var shouldAutoCheckFreeTicket = Context.Session.GetString("Millions.FreeTicket.AutoChecked") != "1";
+	var selectedWebsiteCulture = Context.Session.GetComplexData<string>("culture");
+	var currentPopupCulture = string.IsNullOrWhiteSpace(selectedWebsiteCulture)
+		? System.Threading.Thread.CurrentThread.CurrentCulture.Name
+		: selectedWebsiteCulture;
+	var popupResourceCulture = currentPopupCulture.StartsWith("fr", StringComparison.OrdinalIgnoreCase)
+		? new CultureInfo("fr")
+		: CultureInfo.InvariantCulture;
+	string PopupText(string key) => Lang.ResourceManager.GetString(key, popupResourceCulture) ?? key;
 }
 
 <link rel="stylesheet" href="~/Millions/css/popup-free-ticket.css" asp-append-version="true" />
@@ -15,10 +25,10 @@
 			 src="~/Millions/assets/images/free-ticket-floating-icon.png"
 			 alt="" aria-hidden="true" />
 		<strong class="free-ticket-popup__ticket-text">
-			@Lang.millions_free<br />@Lang.millions_ticket
+			@PopupText("millions_free")<br />@PopupText("millions_ticket")
 		</strong>
 		<strong class="free-ticket-popup__button-text" id="freeTicketTitle">
-			@Lang.millions_free @Lang.millions_ticket
+			@PopupText("millions_free") @PopupText("millions_ticket")
 		</strong>
 	</a>
 </aside>
@@ -27,27 +37,27 @@
 	 aria-labelledby="freeTicketResultTitle" aria-describedby="freeTicketResultDescription" hidden>
 	<div class="free-ticket-result__backdrop" data-free-ticket-close></div>
 	<section class="free-ticket-result__panel">
-		<h2 class="free-ticket-visually-hidden" id="freeTicketResultTitle">@Lang.free_ticket_waiting_title</h2>
-		<p class="free-ticket-visually-hidden" id="freeTicketResultDescription">@Lang.free_ticket_waiting_description</p>
+		<h2 class="free-ticket-visually-hidden" id="freeTicketResultTitle">@PopupText("free_ticket_waiting_title")</h2>
+		<p class="free-ticket-visually-hidden" id="freeTicketResultDescription">@PopupText("free_ticket_waiting_description")</p>
 		<img class="free-ticket-result__image"
 			 src="~/Millions/assets/images/free-ticket-success-no-text.png"
 			 alt="" aria-hidden="true" />
-		<strong class="free-ticket-result__copy free-ticket-result__copy--badge">@Lang.free_ticket_success_badge</strong>
-		<h2 class="free-ticket-result__copy free-ticket-result__copy--title">@Lang.free_ticket_success_title</h2>
-		<p class="free-ticket-result__copy free-ticket-result__copy--received">@Lang.free_ticket_success_received</p>
-		<p class="free-ticket-result__copy free-ticket-result__copy--ticket">@Lang.free_ticket_success_ticket</p>
-		<p class="free-ticket-result__copy free-ticket-result__copy--chance">@Lang.free_ticket_success_chance</p>
+		<strong class="free-ticket-result__copy free-ticket-result__copy--badge">@PopupText("free_ticket_success_badge")</strong>
+		<h2 class="free-ticket-result__copy free-ticket-result__copy--title">@PopupText("free_ticket_success_title")</h2>
+		<p class="free-ticket-result__copy free-ticket-result__copy--received">@PopupText("free_ticket_success_received")</p>
+		<p class="free-ticket-result__copy free-ticket-result__copy--ticket">@PopupText("free_ticket_success_ticket")</p>
+		<p class="free-ticket-result__copy free-ticket-result__copy--chance">@PopupText("free_ticket_success_chance")</p>
 		<strong class="free-ticket-result__copy free-ticket-result__copy--prize">30,000,000 HTG!</strong>
-		<span class="free-ticket-result__copy free-ticket-result__copy--use">@Lang.free_ticket_success_use</span>
-		<span class="free-ticket-result__copy free-ticket-result__copy--later">@Lang.free_ticket_success_later</span>
-		<p class="free-ticket-result__copy free-ticket-result__copy--validity">@Lang.free_ticket_success_validity</p>
+		<span class="free-ticket-result__copy free-ticket-result__copy--use">@PopupText("free_ticket_success_use")</span>
+		<span class="free-ticket-result__copy free-ticket-result__copy--later">@PopupText("free_ticket_success_later")</span>
+		<p class="free-ticket-result__copy free-ticket-result__copy--validity">@PopupText("free_ticket_success_validity")</p>
 		<button type="button" class="free-ticket-result__action free-ticket-result__action--dismiss-icon"
-				data-free-ticket-close aria-label="@Lang.millions_close"></button>
+				data-free-ticket-close aria-label="@PopupText("millions_close")"></button>
 		<a class="free-ticket-result__action free-ticket-result__action--use"
 		   href="@Url.Action("BuyTicket", "Home", new { area = "Millions", freeTicketMode = "1" })"
-		   aria-label="@Lang.free_ticket_buy_now"></a>
+		   aria-label="@PopupText("free_ticket_buy_now")"></a>
 		<button type="button" class="free-ticket-result__action free-ticket-result__action--later"
-				data-free-ticket-close aria-label="@Lang.millions_close"></button>
+				data-free-ticket-close aria-label="@PopupText("millions_close")"></button>
 	</section>
 </div>
 
@@ -55,28 +65,28 @@
 	 aria-labelledby="freeTicketError43Title" aria-describedby="freeTicketError43Description" hidden>
 	<div class="free-ticket-error-43__backdrop" data-free-ticket-error-43-close></div>
 	<section class="free-ticket-error-43__panel">
-		<h2 class="free-ticket-visually-hidden" id="freeTicketError43Title">@Lang.free_ticket_error_43_title</h2>
+		<h2 class="free-ticket-visually-hidden" id="freeTicketError43Title">@PopupText("free_ticket_error_43_title")</h2>
 		<p class="free-ticket-visually-hidden" id="freeTicketError43Description">
-			@Lang.free_ticket_error_43_description
+			@PopupText("free_ticket_error_43_description")
 		</p>
 		<img class="free-ticket-error-43__image"
 			 src="~/Millions/assets/images/free-ticket-error-43-no-text.png"
 			 alt="" aria-hidden="true" />
-		<strong class="free-ticket-error-43__copy free-ticket-error-43__copy--badge">@Lang.free_ticket_error_43_badge</strong>
-		<h2 class="free-ticket-error-43__copy free-ticket-error-43__copy--title">@Lang.free_ticket_error_43_title</h2>
-		<p class="free-ticket-error-43__copy free-ticket-error-43__copy--description">@Lang.free_ticket_error_43_description</p>
-		<strong class="free-ticket-error-43__copy free-ticket-error-43__copy--daily-title">@Lang.free_ticket_error_43_daily_title</strong>
-		<p class="free-ticket-error-43__copy free-ticket-error-43__copy--daily-description">@Lang.free_ticket_error_43_daily_description</p>
-		<span class="free-ticket-error-43__copy free-ticket-error-43__copy--buy">@Lang.millions_buy_ticket_label</span>
-		<span class="free-ticket-error-43__copy free-ticket-error-43__copy--close">@Lang.millions_close</span>
-		<p class="free-ticket-error-43__copy free-ticket-error-43__copy--footer">@Lang.free_ticket_error_43_footer</p>
+		<strong class="free-ticket-error-43__copy free-ticket-error-43__copy--badge">@PopupText("free_ticket_error_43_badge")</strong>
+		<h2 class="free-ticket-error-43__copy free-ticket-error-43__copy--title">@PopupText("free_ticket_error_43_title")</h2>
+		<p class="free-ticket-error-43__copy free-ticket-error-43__copy--description">@PopupText("free_ticket_error_43_description")</p>
+		<strong class="free-ticket-error-43__copy free-ticket-error-43__copy--daily-title">@PopupText("free_ticket_error_43_daily_title")</strong>
+		<p class="free-ticket-error-43__copy free-ticket-error-43__copy--daily-description">@PopupText("free_ticket_error_43_daily_description")</p>
+		<span class="free-ticket-error-43__copy free-ticket-error-43__copy--buy">@PopupText("millions_buy_ticket_label")</span>
+		<span class="free-ticket-error-43__copy free-ticket-error-43__copy--close">@PopupText("millions_close")</span>
+		<p class="free-ticket-error-43__copy free-ticket-error-43__copy--footer">@PopupText("free_ticket_error_43_footer")</p>
 		<button type="button" class="free-ticket-error-43__action free-ticket-error-43__action--dismiss-icon"
-				data-free-ticket-error-43-close aria-label="@Lang.millions_close"></button>
+				data-free-ticket-error-43-close aria-label="@PopupText("millions_close")"></button>
 		<a class="free-ticket-error-43__action free-ticket-error-43__action--buy"
 		   href="@Url.Action("BuyTicket", "Home", new { area = "Millions" })"
-		   aria-label="@Lang.millions_buy_ticket_label"></a>
+		   aria-label="@PopupText("millions_buy_ticket_label")"></a>
 		<button type="button" class="free-ticket-error-43__action free-ticket-error-43__action--close"
-				data-free-ticket-error-43-close aria-label="@Lang.millions_close"></button>
+				data-free-ticket-error-43-close aria-label="@PopupText("millions_close")"></button>
 	</section>
 </div>
 
@@ -84,28 +94,28 @@
 	 aria-labelledby="freeTicketError44Title" aria-describedby="freeTicketError44Description" hidden>
 	<div class="free-ticket-error-44__backdrop" data-free-ticket-error-44-close></div>
 	<section class="free-ticket-error-44__panel">
-		<h2 class="free-ticket-visually-hidden" id="freeTicketError44Title">@Lang.free_ticket_waiting_title</h2>
+		<h2 class="free-ticket-visually-hidden" id="freeTicketError44Title">@PopupText("free_ticket_waiting_title")</h2>
 		<p class="free-ticket-visually-hidden" id="freeTicketError44Description">
-			@Lang.free_ticket_waiting_description
+			@PopupText("free_ticket_waiting_description")
 		</p>
 		<img class="free-ticket-error-44__image"
 			 src="~/Millions/assets/images/free-ticket-error-44-no-text.png"
 			 alt="" aria-hidden="true" />
-		<strong class="free-ticket-error-44__copy free-ticket-error-44__copy--badge">@Lang.free_ticket_waiting_badge</strong>
-		<h2 class="free-ticket-error-44__copy free-ticket-error-44__copy--title">@Lang.free_ticket_waiting_title</h2>
-		<p class="free-ticket-error-44__copy free-ticket-error-44__copy--description">@Lang.free_ticket_waiting_description</p>
-		<p class="free-ticket-error-44__copy free-ticket-error-44__copy--chance">@Lang.free_ticket_success_chance</p>
+		<strong class="free-ticket-error-44__copy free-ticket-error-44__copy--badge">@PopupText("free_ticket_waiting_badge")</strong>
+		<h2 class="free-ticket-error-44__copy free-ticket-error-44__copy--title">@PopupText("free_ticket_waiting_title")</h2>
+		<p class="free-ticket-error-44__copy free-ticket-error-44__copy--description">@PopupText("free_ticket_waiting_description")</p>
+		<p class="free-ticket-error-44__copy free-ticket-error-44__copy--chance">@PopupText("free_ticket_success_chance")</p>
 		<strong class="free-ticket-error-44__copy free-ticket-error-44__copy--prize">30,000,000 HTG!</strong>
-		<span class="free-ticket-error-44__copy free-ticket-error-44__copy--buy">@Lang.free_ticket_buy_now</span>
-		<span class="free-ticket-error-44__copy free-ticket-error-44__copy--close">@Lang.millions_close</span>
-		<p class="free-ticket-error-44__copy free-ticket-error-44__copy--footer">@Lang.free_ticket_waiting_validity</p>
+		<span class="free-ticket-error-44__copy free-ticket-error-44__copy--buy">@PopupText("free_ticket_buy_now")</span>
+		<span class="free-ticket-error-44__copy free-ticket-error-44__copy--close">@PopupText("millions_close")</span>
+		<p class="free-ticket-error-44__copy free-ticket-error-44__copy--footer">@PopupText("free_ticket_waiting_validity")</p>
 		<button type="button" class="free-ticket-error-44__action free-ticket-error-44__action--dismiss-icon"
-				data-free-ticket-error-44-close aria-label="@Lang.millions_close"></button>
+				data-free-ticket-error-44-close aria-label="@PopupText("millions_close")"></button>
 		<a class="free-ticket-error-44__action free-ticket-error-44__action--buy"
 		   href="@Url.Action("BuyTicket", "Home", new { area = "Millions", freeTicketMode = "1" })"
-		   aria-label="@Lang.free_ticket_buy_now"></a>
+		   aria-label="@PopupText("free_ticket_buy_now")"></a>
 		<button type="button" class="free-ticket-error-44__action free-ticket-error-44__action--close"
-				data-free-ticket-error-44-close aria-label="@Lang.millions_close"></button>
+				data-free-ticket-error-44-close aria-label="@PopupText("millions_close")"></button>
 	</section>
 </div>
 
@@ -116,26 +126,26 @@
 		<img class="free-ticket-error-45__image"
 			 src="~/Millions/assets/images/free-ticket-error-45-no-text.png"
 			 alt="" aria-hidden="true" />
-		<strong class="free-ticket-error-45__copy free-ticket-error-45__copy--ticket-free">@Lang.free_ticket_error_45_ticket_free</strong>
-		<strong class="free-ticket-error-45__copy free-ticket-error-45__copy--ticket-tickets">@Lang.free_ticket_error_45_ticket_tickets</strong>
-		<strong class="free-ticket-error-45__copy free-ticket-error-45__copy--ticket-sold-out">@Lang.free_ticket_error_45_ticket_sold_out</strong>
+		<strong class="free-ticket-error-45__copy free-ticket-error-45__copy--ticket-free">@PopupText("free_ticket_error_45_ticket_free")</strong>
+		<strong class="free-ticket-error-45__copy free-ticket-error-45__copy--ticket-tickets">@PopupText("free_ticket_error_45_ticket_tickets")</strong>
+		<strong class="free-ticket-error-45__copy free-ticket-error-45__copy--ticket-sold-out">@PopupText("free_ticket_error_45_ticket_sold_out")</strong>
 		<h2 class="free-ticket-error-45__copy free-ticket-error-45__copy--title">
-			@Lang.free_ticket_error_45_title <span>@Lang.free_ticket_error_45_title_emphasis</span>
+			@PopupText("free_ticket_error_45_title") <span>@PopupText("free_ticket_error_45_title_emphasis")</span>
 		</h2>
-		<p class="free-ticket-error-45__copy free-ticket-error-45__copy--description">@Lang.free_ticket_error_45_description</p>
-		<strong class="free-ticket-error-45__copy free-ticket-error-45__copy--next-title">@Lang.free_ticket_error_45_next_title</strong>
-		<p class="free-ticket-error-45__copy free-ticket-error-45__copy--next-primary">@Lang.free_ticket_error_45_next_primary</p>
-		<p class="free-ticket-error-45__copy free-ticket-error-45__copy--next-secondary">@Lang.free_ticket_error_45_next_secondary</p>
-		<span class="free-ticket-error-45__copy free-ticket-error-45__copy--buy">@Lang.millions_buy_ticket_label</span>
-		<span class="free-ticket-error-45__copy free-ticket-error-45__copy--close">@Lang.millions_close</span>
-		<p class="free-ticket-error-45__copy free-ticket-error-45__copy--footer">@Lang.free_ticket_error_45_footer</p>
+		<p class="free-ticket-error-45__copy free-ticket-error-45__copy--description">@PopupText("free_ticket_error_45_description")</p>
+		<strong class="free-ticket-error-45__copy free-ticket-error-45__copy--next-title">@PopupText("free_ticket_error_45_next_title")</strong>
+		<p class="free-ticket-error-45__copy free-ticket-error-45__copy--next-primary">@PopupText("free_ticket_error_45_next_primary")</p>
+		<p class="free-ticket-error-45__copy free-ticket-error-45__copy--next-secondary">@PopupText("free_ticket_error_45_next_secondary")</p>
+		<span class="free-ticket-error-45__copy free-ticket-error-45__copy--buy">@PopupText("millions_buy_ticket_label")</span>
+		<span class="free-ticket-error-45__copy free-ticket-error-45__copy--close">@PopupText("millions_close")</span>
+		<p class="free-ticket-error-45__copy free-ticket-error-45__copy--footer">@PopupText("free_ticket_error_45_footer")</p>
 		<button type="button" class="free-ticket-error-45__action free-ticket-error-45__action--dismiss-icon"
-				data-free-ticket-error-45-close aria-label="@Lang.millions_close"></button>
+				data-free-ticket-error-45-close aria-label="@PopupText("millions_close")"></button>
 		<a class="free-ticket-error-45__action free-ticket-error-45__action--buy"
 		   href="@Url.Action("BuyTicket", "Home", new { area = "Millions" })"
-		   aria-label="@Lang.millions_buy_ticket_label"></a>
+		   aria-label="@PopupText("millions_buy_ticket_label")"></a>
 		<button type="button" class="free-ticket-error-45__action free-ticket-error-45__action--close"
-				data-free-ticket-error-45-close aria-label="@Lang.millions_close"></button>
+				data-free-ticket-error-45-close aria-label="@PopupText("millions_close")"></button>
 	</section>
 </div>
 

+ 4 - 1
website/wwwroot/Millions/css/popup-free-ticket.css

@@ -718,7 +718,10 @@ body.free-ticket-result-open {
         right: 8px;
     }
 
-    .free-ticket-error-43__copy--title,
+    .free-ticket-error-43__copy--title {
+        font-size: 14px;
+    }
+
     .free-ticket-error-44__copy--title {
         font-size: 16px;
     }