From bf33eaf2adbfc68f69d866fcbd017e5d05ae6e2a Mon Sep 17 00:00:00 2001
From: Eduard Tihomirov <tikhomirov@micord.ru>
Date: Tue, 19 Nov 2024 09:56:34 +0300
Subject: [PATCH] Merge branch 'feature/SUPPORT-8571_check_browser' into
 develop

---
 frontend/home.html                      | 10 ++++++++++
 frontend/src/resources/landing/home.css | 23 +++++++++++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/frontend/home.html b/frontend/home.html
index e94645b..aae7711 100644
--- a/frontend/home.html
+++ b/frontend/home.html
@@ -13,6 +13,16 @@
 </div>
 
 <div class="container">
+	<div id="browser-check-info">
+		<div class="browser-check-content">
+			<div class="browser-check-text">
+				<div class="plain-text">Для обеспечения защищённого соединения с сайтом реестра повесток необходимо установить браузер Яндекс или Chromium GOST.</div>
+			</div>
+		</div>
+	</div>
+    <script>
+      document.getElementById("browser-check-info").hidden = navigator.userAgent.indexOf("Chromium GOST") > -1 || navigator.userAgent.indexOf("YaBrowser") > -1;
+    </script>
 	<div class="container-inside">
 		<div class="list-group lk-what">
 			<div>
diff --git a/frontend/src/resources/landing/home.css b/frontend/src/resources/landing/home.css
index b58813f..b68b3d1 100644
--- a/frontend/src/resources/landing/home.css
+++ b/frontend/src/resources/landing/home.css
@@ -624,6 +624,29 @@ a.btn:is(:hover, :focus, :active) {
     color: var(--color-link);
 }
 
+.browser-check-content {
+    font-family: 'Golos';
+    font-size: var(--size-text-secondary);    
+    padding: var(--indent-mini) var(--w-screen) var(--indent-mini) calc(var(--w-screen) + 38px);
+    background-color: var(--bg-warn);
+}
+.browser-check-text {
+    position: relative;
+    padding-left: 40px;
+}
+.browser-check-text::before {
+    position: absolute;
+    content: url(../img/svg/info.svg);
+    left: 0;
+    top: calc((100% - 24px) / 2);
+}
+.text-header {
+    color: var(--color-link);
+    font-family: 'GolosB';
+    font-size: var(--size-text-primary);
+    margin-bottom: 4px;
+}
+
 /*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
 @media (max-width: 1024px) {
     body {