ros.grant.common 2.0.1327 → 2.0.1330

package/Shared/Styles/Base/Fonts.less

@@ -1524,30 +1524,38 @@
 /** PT Sans Pro**/
 @font-face {
 	font-family: 'PT Sans Pro - Regular';
-	src: local('PTSansPro-Regular'), local('PTSansPro-Regular'), url('@{commonFontsRoot}/PTSansPro-Regular.woff2') format('woff2');
+	src: local('PT Sans Pro - Regular'),
+  local('PTSansPro-Regular'), 
+  url('@{commonFontsRoot}/PTSansPro-Regular.woff') format('woff'),
+  url('@{commonFontsRoot}/PTSansPro-Regular.woff2') format('woff2'),
+  url('@{commonFontsRoot}PTSansPro-Regular.ttf') format('truetype');
 	font-weight: 300;
 	font-style: normal;
 	font-display: swap;
 } 
 
 @font-face {
-	font-family: 'PT Sans Pro - Caption';
-	src: local('PTSansPro-Caption'), 
-	local('PTSansPro-Caption'), 
-	url('@{commonFontsRoot}/PTSansPro-Caption.woff2') format('woff2');
-	font-weight: 300;
-	font-style: normal;
-	font-display: swap;
+  font-family: 'PT Sans Pro Caption';
+  src: local('PT Sans Pro Caption'),
+  local('PTSansPro-Caption'),
+  url('@{commonFontsRoot}/PTSansProCaption.woff') format('woff'),
+  url('@{commonFontsRoot}/PTSansProCaption.woff2') format('woff2'),
+  url('@{commonFontsRoot}PTSansProCaption.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'PT Sans Pro Caption Bold';
-	src: local('PTSansProCaptionBold'),
-	local('PTSansProCaptionBold'),
-	url('@{commonFontsRoot}/PTSansProCaptionBold.woff2') format('woff2');
-	font-weight: 700;
-	font-style: normal;
-	font-display: swap;
+  font-family: 'PT Sans Pro Caption Bold';
+  src: local('PT Sans Pro Caption Bold'),
+  local('PTSansPro-Caption Bold'),
+  url('@{commonFontsRoot}/PTSansProCaption-Bold.woff') format('woff'),
+  url('@{commonFontsRoot}/PTSansProCaption-Bold.woff2') format('woff2'),
+  url('@{commonFontsRoot}PTSansProCaption-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
 }
 /** PT Sans Pro Caption END**/
 

package/Shared/Styles/Layout/Footer/FooterMinfin.less

@@ -1,6 +1,6 @@
 .footer-minfin {
     padding: 24px 0;
-    background: #0090D4;
+    background: var(--Main2);
     color: #fff;
     
     & * {
@@ -19,14 +19,16 @@
 
     // footer-description
     &-description {
-        max-width: 100%;
-        margin-right: 64px;
+        width: 100%;
+        max-width: 856px;
+        margin-right: 32px;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
 
         @media (max-width: 1200px) {
-            margin-bottom: 24px;
+            margin-bottom: 16px;
+            margin-right: 0;
         }
 
         // footer-description-logo
@@ -44,8 +46,8 @@
         &-text {
             font-size: 14px;
             line-height: 140%;
-            margin-bottom: 44px;
-            max-width: 736px;
+            margin-bottom: 32px;
+            width: 100%;
             color: #fff;
 
             @media (max-width: 1200px) {
@@ -83,14 +85,15 @@
 
             // footer-description-copyright svg
             svg {
-                margin-right: 4px;
+                margin-right: 8px;
             }
 
             &_mobile {
                 display: none;
 
                 @media (max-width: 1200px) {
-                    display: block;
+                    display: flex;
+                    align-items: flex-end;
                     order: 2;
                 }
             }
@@ -106,7 +109,8 @@
         max-width: 340px;
 
         @media (max-width: 1200px) {
-            max-width: 100%;
+            max-width: 856px;
+            width: 100%;
         }
 
         // footer-info-socials

package/Shared/Styles/Layout/Header/HeaderMinfin.less

@@ -1,10 +1,19 @@
 .page-wrapper {
     .header-minfin {
-        padding: 16px 0;
+        padding-top: 16px;
         color: #fff;
         background: transparent;
         z-index: 6;
         position: relative;
+        background: var(--Main2);
+
+        @media (max-width: 768px) {
+            padding-top: 8px;
+        }
+
+        &.transparent-header {
+            background: transparent;
+        }
 
         &.header_wide {
             padding:16px;
@@ -60,9 +69,9 @@
             .header-minfin-nav {
                 position: absolute;
                 left: 0;
-                top: 126px;
+                top: 0;
                 width: 100vw;
-                height: calc(650px - 126px);
+                height: 100vh;
                 z-index: -1;
                 transform: translateY(-100%);
                 transition: .2s;
@@ -124,6 +133,7 @@
             align-items: center;
             justify-content: center;
             cursor: pointer;
+            z-index: 11;
     
             // header-minfin-burger_active
             &_active {
@@ -179,11 +189,12 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
-            margin-bottom: 22px;
+            margin-bottom: 24px;
             position: relative;
     
             @media (max-width: 768px) {
-                margin-bottom: 16px;
+                margin-bottom: 12px;
+                padding-bottom: 8px;
             }
         }
 
@@ -195,7 +206,6 @@
             position: relative;
             margin-right: 32px;
             margin-left: auto;
-            align-self: flex-end;
         
             .icon {
                 display: flex;
@@ -314,6 +324,7 @@
             align-items: center;
             justify-content: flex-end;
             position: relative;
+            padding-bottom: 12px;
     
             .header-minfin-nav__phone {
                 margin-left: unset;
@@ -488,12 +499,13 @@
         &-nav {
             display: flex;
             align-items: center;
+            padding: 16px 0;
     
             // header-minfin-nav__link
             &__link {
                 font-size: 16px;
                 line-height: 20px;
-                margin-right: 16px;
+                margin-right: 24px;
                 color: #fff;
                 position: relative;
     
@@ -505,7 +517,7 @@
                         content: '';
                         position: absolute;
                         left: 0;
-                        bottom: -8px;
+                        bottom: -16px;
                         width: 100%; 
                         height: 2px;
                         background: #fff;
@@ -513,13 +525,14 @@
                 }
 
                 &_additional {
-                    margin-left: 32px;
                     position: relative;
+                    cursor: default;
+                    height: 20px;
 
                     &:before {
                         content: '';
                         position: absolute;
-                        left: -24px;
+                        left: 0px;
                         top: 0;
                         width: 1px;
                         height: 100%;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.1327",
+  "version": "2.0.1330",
   "name": "ros.grant.common",
   "private": false,
   "scripts": {
@@ -51,7 +51,7 @@
     "pickmeup": "^3.2.1",
     "rimraf": "^3.0.2",
     "ros.grant.telerik": "1.0.22",
-    "ros.grant.webshared": "2.0.422",
+    "ros.grant.webshared": "2.0.424",
     "rxjs": "^6.5.4",
     "slick-carousel": "^1.8.1",
     "sticky-sidebar": "^3.3.1",