fix(Navigation): logo and button specifity styles (#116)

* fix(Navigation): logo and button specifity styles

* fix(Navigation): items with space

Author: Juli Ovechkina

src/containers/PageConstructor/__stories__/data.json

@@ -140,11 +140,11 @@
     "header": {
       "leftItems": [
         {
-          "text": "Dropdown1",
+          "text": "Dropdown 1",
           "type": "dropdown",
           "items": [
             {
-              "text": "Lorem ipsum ",
+              "text": "Lorem ipsum",
               "url": "https://example.com",
               "type": "link"
             },
@@ -188,7 +188,7 @@
           ]
         },
         {
-          "text": "Link1",
+          "text": "Link with spaces",
           "url": "https://example.com",
           "icon": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_3_light.svg"
         },

src/navigation/components/Header/Header.scss

@@ -33,7 +33,9 @@ $block: '.#{$ns}header';
     }
 
     &__mobile-menu-button {
-        @include mobile-tablet-only();
+        @include add-specificity(&) {
+            @include mobile-tablet-only();
+        }
     }
 
     &__navigation,
@@ -44,13 +46,15 @@ $block: '.#{$ns}header';
     }
 
     &__navigation {
-        position: relative;
-        margin-right: $normalOffset;
+        @include add-specificity(&) {
+            position: relative;
+            margin-right: $normalOffset;
 
-        flex: 1 0 0;
-        justify-content: flex-start;
+            flex: 1 0 0;
+            justify-content: flex-start;
 
-        @include desktop-only();
+            @include desktop-only();
+        }
     }
 
     &__right {

src/navigation/components/Logo/Logo.scss

@@ -7,10 +7,6 @@ $block: '.#{$ns}logo';
     display: flex;
     align-items: center;
 
-    font-weight: var(--yc-text-accent-font-weight);
-
-    @include heading4();
-
     &__icon {
         display: flex;
         margin-right: $indentXXXS;
@@ -19,6 +15,8 @@ $block: '.#{$ns}logo';
     }
 
     &__text {
+        @include heading4();
+
         white-space: nowrap;
     }
 }

src/navigation/components/NavigationItem/NavigationItem.scss

@@ -8,6 +8,7 @@ $block: '.#{$ns}navigation-item';
 
     display: flex;
     align-items: center;
+    white-space: nowrap;
 
     &_type_link {
         @include navigation-item();