From 08cc175424a8a3674e35f7724bc8a57bccbcf571 Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Fri, 11 Apr 2025 14:32:54 +0300
Subject: [PATCH] fix scroll

---
 .../src/resources/css/components-lkrp.css     | 193 +++++++++---------
 frontend/src/resources/css/inbox-lkrp.css     |   6 +
 2 files changed, 108 insertions(+), 91 deletions(-)

diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css
index 21fa6af..26eea02 100644
--- a/frontend/src/resources/css/components-lkrp.css
+++ b/frontend/src/resources/css/components-lkrp.css
@@ -864,104 +864,104 @@
 
 
 /*----------------  HOME ----------------*/
-.webbpm .header-landing {
+.webbpm.ervu_lkrp_fl .header-landing {
 	background-color: var(--color-text-primary) !important;
 	z-index: 1;
 }
-.webbpm .header-landing > div {
+.webbpm.ervu_lkrp_fl .header-landing > div {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	font-family: 'InterSB';
 }
-.webbpm .header-landing .header-logo {
+.webbpm.ervu_lkrp_fl .header-landing .header-logo {
 	width: 62px;
 	height: 40px;
 	background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
 }
-.webbpm .header-landing .header-title {
+.webbpm.ervu_lkrp_fl .header-landing .header-title {
 	color: var(--white);
 	font-size: var(--size-text-secondary);
 	margin-left: var(--indent-mini);
 }
 
-.webbpm .container-inside .short-text {
+.webbpm.ervu_lkrp_fl .container-inside .short-text {
 	max-width: 60%;
 }
-.webbpm .container-inside .paragraph-left .short-text {
+.webbpm.ervu_lkrp_fl .container-inside .paragraph-left .short-text {
 	max-width: 70%;
 }
 
-.webbpm .container-inside .list-group {
+.webbpm.ervu_lkrp_fl .container-inside .list-group {
 	position: relative;
 	font-size: var(--size-text-secondary);
 	line-height: normal;
 	padding: 0 var(--w-screen);
 }
-.webbpm .container-inside .list-group .btn {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .btn {
 	width: max-content;
 }
-.webbpm .container-inside .list-group .title {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .title {
 	font-size: var(--l-size-text-maintitle);
 	font-family: 'GolosB';
 	margin-bottom: var(--l-indent-huge);
 }
-.webbpm .container-inside .list-group .subtitle {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .subtitle {
 	font-size: var(--l-size-text-title);
 	font-family: 'GolosDB';
 	margin-bottom: var(--l-indent-big);
 }
-.webbpm .container-inside .list-group .muted {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .muted {
 	color: var(--color-light);
 }
 
-.webbpm .container-inside .list-group .paragraph {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph {
 	display: flex;
 	flex-direction: row;
 }
-.webbpm .container-inside .list-group .paragraph .paragraph-left {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .paragraph-left {
 	width: 40%;
 }
-.webbpm .container-inside .list-group .paragraph .paragraph-right {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .paragraph-right {
 	width: 60%;
 }
-.webbpm .container-inside .list-group .paragraph .paragraph-half {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .paragraph-half {
 	width: 50%;
 }
-.webbpm .container-inside .list-group .paragraph .paragraph-third {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .paragraph-third {
 	width: 33.33%;
 }
-.webbpm .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] {
 	margin-left: 40px;
 }
-.webbpm .container-inside .list-group .paragraph .text {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .text {
 	font-family: 'InterSB';
 	font-size: var(--l-size-text-primary);
 	margin-bottom: var(--indent-mini);
 }
-.webbpm .container-inside .list-group .paragraph .icon-checklist,
-.webbpm .container-inside .list-group .paragraph .icon-clock,
-.webbpm .container-inside .list-group .paragraph .icon-text {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .icon-checklist,
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .icon-clock,
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .icon-text {
 	padding-top: 44px;
 }
-.webbpm .container-inside .list-group .paragraph .icon-checklist {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .icon-checklist {
 	background: url(../img/svg/checklist-32x32.svg) no-repeat 0 0;
 }
-.webbpm .container-inside .list-group .paragraph .icon-clock {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph .icon-clock {
 	background: url(../img/svg/clock-32x32.svg) no-repeat 0 0;
 }
-.webbpm .container-inside .list-group .paragraph  .icon-text {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph  .icon-text {
 	background: url(../img/svg/text-32x32.svg) no-repeat 0 0;
 }
 
-.webbpm .container-inside .list-group .list > div {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .list > div {
 	position: relative;
 	padding-left: 36px;
 }
-.webbpm .container-inside .list-group .list > div + div {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .list > div + div {
 	margin-top: var(--indent-mini);
 }
-.webbpm .container-inside .list-group .list > div::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .list > div::after {
 	content: "";
 	position: absolute;
 	width: 24px;
@@ -969,23 +969,23 @@
 	top: 0;
 	left: 0;
 }
-.webbpm .container-inside .list-group .list > div.esia::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .list > div.esia::after {
 	background: url(../img/svg/esia-24x24.svg) no-repeat 0 0;
 }
-.webbpm .container-inside .list-group .list > div.case::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .list > div.case::after {
 	background: url(../img/svg/case-24x24.svg) no-repeat 0 0;
 }
-.webbpm .container-inside .list-group .list > div.user::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .list > div.user::after {
 	background: url(../img/svg/user-24x24.svg) no-repeat 0 0;
 }
-.webbpm .container-inside .list-group .list > div.romb::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .list > div.romb::after {
 	background: url(../img/svg/romb-24x24.svg) no-repeat 0 0;
 }
-.webbpm .container-inside .list-group .list ~ .btn-group {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .list ~ .btn-group {
 	margin-top: var(--indent-medium);
 }
 
-.webbpm .container-inside .list-group .section-group > div {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div {
 	display: flex;
 	flex-direction: column;
 	min-height: 80px;
@@ -995,10 +995,10 @@
 	border-radius: 4px;
 	background-color: var(--bg-form);
 }
-.webbpm .container-inside .list-group .section-group > div:last-child {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div:last-child {
 	margin-bottom: 0;
 }
-.webbpm .container-inside .list-group .section-group > div::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div::before {
 	content: "";
 	position: absolute;
 	left: 16px;
@@ -1009,39 +1009,39 @@
 	background-repeat: no-repeat;
 	background-position: 50% 50%;
 }
-.webbpm .container-inside .list-group .section-group > div.icon-user::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div.icon-user::before {
 	background-image: url(../img/svg/pers-wt.svg);
 }
-.webbpm .container-inside .list-group .section-group > div.icon-case::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div.icon-case::before {
 	background-image: url(../img/svg/case-wt.svg);
 }
-.webbpm .container-inside .list-group .section-group > div.icon-shield::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div.icon-shield::before {
 	background-image: url(../img/svg/shield-wt.svg);
 }
-.webbpm .container-inside .list-group .section-group > div.icon-clip::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div.icon-clip::before {
 	background-image: url(../img/svg/clip-wt.svg);
 }
-.webbpm .container-inside .list-group .section-group > div.icon-pers::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div.icon-pers::before {
 	background-image: url(../img/svg/pers-wt.svg);
 }
-.webbpm .container-inside .list-group .section-group > div.icon-building::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div.icon-building::before {
 	background-image: url(../img/svg/building-wt.svg);
 }
-.webbpm .container-inside .list-group .section-group > div .muted {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div .muted {
 	margin-top: 12px;
 }
-.webbpm .container-inside .list-group .section-group > div .muted .detailed {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .section-group > div .muted .detailed {
 	color: var(--color-text-primary);
 	font-family: 'InterB';
 }
 
-.webbpm .container-inside .list-group .pass-list {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list {
 	position: relative;
 	display: flex;
 	flex-direction: row;
 	padding-top: 60px;
 }
-.webbpm .container-inside .list-group .pass-list::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list::before {
 	content: "";
 	position: absolute;
 	width: calc(80% + 40px);
@@ -1050,11 +1050,11 @@
 	left: 0;
 	background-color: var(--color-link-hover);
 }
-.webbpm .container-inside .list-group .pass-list > div {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div {
 	position: relative;
 	width: 20%;
 }
-.webbpm .container-inside .list-group .pass-list > div::before {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div::before {
 	content: "";
 	position: absolute;
 	width: 40px;
@@ -1066,73 +1066,73 @@
 	background-color: var(--bg-light);
 	transform: rotate(45deg);
 }
-.webbpm .container-inside .list-group .pass-list > div::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div::after {
 	content: "";
 	position: absolute;
 	font-family: 'InterB';
 	top: -50px;
 	left: 15px;
 }
-.webbpm .container-inside .list-group .pass-list > div:nth-child(1)::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div:nth-child(1)::after {
 	content: "1";
 }
-.webbpm .container-inside .list-group .pass-list > div:nth-child(2)::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div:nth-child(2)::after {
 	content: "2";
 }
-.webbpm .container-inside .list-group .pass-list > div:nth-child(3)::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div:nth-child(3)::after {
 	content: "3";
 }
-.webbpm .container-inside .list-group .pass-list > div:nth-child(4)::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div:nth-child(4)::after {
 	content: "4";
 }
-.webbpm .container-inside .list-group .pass-list > div:nth-child(5)::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div:nth-child(5)::after {
 	content: "5";
 }
-.webbpm .container-inside .list-group .pass-list > div + div {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div + div {
 	margin-left: 40px;
 }
 
-.webbpm .container-inside .list-group .msg-list {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .msg-list {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	justify-content: center;
 	padding: 8px;
 }
-.webbpm .container-inside .list-group .msg-list span {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .msg-list span {
 	width: 32px;
 	height: 32px;
 	margin: 0 16px 0 0;
 	background: url(../img/svg/info-gr.svg) no-repeat 0 0;
 }
 
-.webbpm .container-inside .list-group .docs-list {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .docs-list {
 	position: relative;
 	display: flex;
 	flex-direction: row;
 }
-.webbpm .container-inside .list-group .docs-list > div {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .docs-list > div {
 	position: relative;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	width: 20%;
 }
-.webbpm .container-inside .list-group .docs-list > div a {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .docs-list > div a {
 	width: 24px;
 	height: 24px;
 	padding-right: 8px;
 	background: url(../img/svg/download-24x24.svg) no-repeat 0 0;
 }
-.webbpm .container-inside .list-group .docs-list > div + div {
+.webbpm.ervu_lkrp_fl .container-inside .list-group .docs-list > div + div {
 	margin-left: 40px;
 }
 
-.webbpm .container-inside .list-group.lk-what {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-what {
 	padding-top: var(--l-indent-huge);
 	padding-bottom: var(--l-indent-huge);
 }
-.webbpm .container-inside .list-group.lk-what::after {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-what::after {
 	content: "";
 	position: absolute;
 	top: 0;
@@ -1143,52 +1143,52 @@
 	background: url(../img/bg-star.png) no-repeat calc(100% + 200px) 0px transparent;
 	z-index: 0;
 }
-.webbpm .container-inside .list-group.lk-what > div {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-what > div {
 	position: relative;
 	z-index: 1;
 }
 
-.webbpm .container-inside .list-group.lk-access {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-access {
 	color: var(--white);
 	padding-top: var(--l-indent-big);
 	padding-bottom: var(--l-indent-big);
 	background-color: var(--color-bg-main);
 }
-.webbpm .container-inside .list-group.lk-info {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-info {
 	padding-top: var(--l-indent-big);
 	padding-bottom: var(--l-indent-big);
 }
-.webbpm .container-inside .list-group.lk-pass {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-pass {
 	padding-top: var(--l-indent-big);
 	padding-bottom: var(--l-indent-big);
 	background-color: var(--bg-light);
 }
-.webbpm .container-inside .list-group.lk-when {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-when {
 	color: var(--white);
 	padding-top: var(--l-indent-big);
 	padding-bottom: var(--l-indent-big);
 	background-color: var(--color-bg-main);
 }
-.webbpm .container-inside .list-group.lk-msg {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-msg {
 	background-color: var(--border-light);
 }
-.webbpm .container-inside .list-group.lk-limits {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-limits {
 	padding-top: var(--l-indent-big);
 	padding-bottom: var(--l-indent-big);
 }
-.webbpm .container-inside .list-group.lk-docs {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-docs {
 	flex: 1;
 	color: var(--white);
 	padding-top: var(--l-indent-huge);
 	padding-bottom: var(--l-indent-huge);
 	background-color: var(--color-text-primary);
 }
-.webbpm .container-inside .list-group.lk-alert {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-alert {
 	padding-top: var(--l-indent-big);
 	padding-bottom: var(--l-indent-big);
 	background-color: var(--bg-light);
 }
-.webbpm .container-inside .list-group.lk-footer {
+.webbpm.ervu_lkrp_fl .container-inside .list-group.lk-footer {
 	padding-top: var(--indent-small);
 	padding-bottom: var(--indent-small);
 	background-color: var(--color-text-primary);
@@ -1272,83 +1272,94 @@
 
 /*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
 @media (max-width: 1024px) {
-	.container-inside .short-text {
-		max-width: 100% !important;
+	.webbpm.ervu_lkrp_fl .landing .container {
+        top: var(--h-header);
+        padding: 0;
+        overflow: auto;
+	}
+	.webbpm.ervu_lkrp_fl .landing .container-inside {
+		overflow: visible;
+	}
+	.webbpm.ervu_lkrp_fl .landing .cert-check-content {
+		padding-left: var(--w-screen);
 	}
 
-	.webbpm .container-inside .list-group .paragraph {
+	.webbpm.ervu_lkrp_fl .container-inside .short-text {
+		max-width: 100% !important;
+	}
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph {
 		flex-direction: column;
 	}
-	.webbpm .container-inside .list-group .paragraph [class*="paragraph-"] {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph [class*="paragraph-"] {
 		width: auto;
 		margin-left: 0;
 	}
-	.webbpm .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] {
 		margin-top: var(--indent-mini);
 		margin-left: 0;
 	}
-	.webbpm .container-inside .list-group .pass-list {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list {
 		flex-direction: column;
 		padding-top: 0;
 	}
-	.webbpm .container-inside .list-group .pass-list::before {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list::before {
 		display: none;
 	}
-	.webbpm .container-inside .list-group .pass-list > div {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div {
 		display: flex;
 		align-items: center;
 		width: auto !important;
 		padding-left: 60px;
 		min-height: 40px;
 	}
-	.webbpm .container-inside .list-group .pass-list > div::before {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div::before {
 		top: 0;
 	}
-	.webbpm .container-inside .list-group .pass-list > div::after {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div::after {
 		top: 10px;
 	}
-	.webbpm .container-inside .list-group .pass-list > div + div {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .pass-list > div + div {
 		margin-left: 0;
 		margin-top: var(--indent-mini);
 	}
 }
 
 @media (max-width: 480px) {
-	.webbpm .container-inside .list-group .docs-list {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .docs-list {
 		flex-direction: column;
 	}
-	.webbpm .container-inside .list-group .docs-list > div {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .docs-list > div {
 		width: 100%;
 	}
-	.webbpm .container-inside .list-group .docs-list > div + div {
+	.webbpm.ervu_lkrp_fl .container-inside .list-group .docs-list > div + div {
 		margin-left: 0;
 		margin-top: var(--indent-mini);
 	}
 }
 /*-------------  end - HOME -------------*/
 
-.cert-check-content {
+.webbpm.ervu_lkrp_fl .cert-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);
 }
-.cert-check-text {
+.webbpm.ervu_lkrp_fl .cert-check-text {
 	position: relative;
 	padding-left: 40px;
 }
-.cert-check-text::before {
+.webbpm.ervu_lkrp_fl .cert-check-text::before {
 	position: absolute;
 	content: url(../img/svg/info.svg);
 	left: 0;
 	top: calc((100% - 24px) / 2);
 }
-.text-header {
+.webbpm.ervu_lkrp_fl .text-header {
 	color: var(--color-link);
 	font-family: 'GolosB';
 	font-size: var(--size-text-primary);
 	margin-bottom: 4px;
 }
-.plain-text {
+.webbpm.ervu_lkrp_fl .plain-text {
 	margin-bottom: 0;
 }
diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css
index 3747c51..4dbd3a6 100644
--- a/frontend/src/resources/css/inbox-lkrp.css
+++ b/frontend/src/resources/css/inbox-lkrp.css
@@ -47,6 +47,12 @@
     font-weight: 400;
     font-style: normal;
 }
+@font-face {
+    font-family: 'Golos';
+    src: url('../fonts/GolosText-Regular.ttf');
+    font-weight: 400;
+    font-style: normal;
+}
 
 body.webbpm.ervu_lkrp_fl {
     -ms-text-size-adjust: 100%;