Merge pull request #1119 from gooddata/snapshot-master-396b9956-to-rel/dev

[bot] Merge master/396b9956 into rel/dev

Author: yenkins-admin

docs/assets/scss/_styles_project.scss

@@ -28,6 +28,7 @@
 @import "404";
 @import "parameters-block";
 @import "parameter";
+@import "skip-links";
 @import "heading-anchor";
 
 #print {

docs/assets/scss/breadcrumbs.scss

@@ -1,5 +1,33 @@
+// (C) 2023 GoodData Corporation
 @import "variables/variables";
 
+.gd-docs-header {
+    &-tag {
+        display: block;
+        margin-left: 30px;
+        padding: 4px 10px;
+        border-radius: 50px;
+        color: $color-white;
+        font-family: $gdfont-demibold;
+        font-size: 14px;
+        line-height: 19px;
+        background: #94A1AE;
+    }
+
+    &-breadcrumb {
+        display: flex;
+        align-items: center;
+        color: #2F3336;
+        font-size: 14px;
+        line-height: 30px;
+        opacity: 0.8;
+
+        svg {
+            margin-right: 10px;
+        }
+    }
+}
+
 .gd-docs-header-nav {
     position: fixed;
     right: 0;
@@ -15,6 +43,24 @@
         overflow-y: auto;
     }
 
+    &__desktop {
+        display: flex;
+        min-width: 55px;
+        nav {
+            display: none;
+            @include mq(large) {
+                display: block;
+            }
+        }
+    }
+
+    &__mobile {
+        display: block;
+        @include mq(large) {
+            display: none;
+        }
+    }
+
     &__first {
         top: 0;
         min-height: $header-first-nav-height;
@@ -42,12 +88,18 @@
     }
 
     &__second &__left,
+    &__desktop,
     &__second &__right {
-        flex: 1 0 0;
+        flex: 0 0 auto;
+
+        @include mq(x-large) {
+            flex: 1 0 0;
+        }
     }
 
     &__second &__left {
-        align-self: center;
+        min-width: 55px;
+        align-self: stretch;
     }
 
     &__second &__center {
@@ -100,7 +152,7 @@
         line-height: 1.375;
         background-color: $color-shocking-pink;
         transition: $transition;
-
+        
         &,
         &:hover,
         &:focus,
@@ -118,6 +170,10 @@
         & + & {
             margin-left: 1rem;
         }
+
+        svg {
+            margin-right: 10px;
+        }
     }
 
     &__secondary,
@@ -155,7 +211,7 @@
         font-size: 14px;
         line-height: 1;
         height: 2rem;
-        padding: .5rem 0.8rem;
+        padding: 0.5rem 0.8rem;
 
         &,
         &:hover,
@@ -180,11 +236,18 @@
         }
     }
 
-
     &__search {
+        position: relative;
         align-items: center;
         justify-content: center;
     }
+
+    .gd-docs-edition-switch, .gd-docs-language-switch {
+        @include mq(large) {
+            display: flex;
+        }
+        display: none;
+    }
 }
 
 .td-search-input {
@@ -208,6 +271,10 @@
 
 .gd-header-mobile-menu-trigger {
     margin-bottom: 0;
+    border: none;
+    &:focus-visible {
+       border: 2px solid;
+    }
 }
 
 .search-result-close-button {
@@ -235,7 +302,7 @@
     }
 
     &:hover,
-    &:focus,
+    &:focus,    
     &:active {
         color: $color-black;
     }