feat(blog): remove fix position

gravity-ui · Nov 30, 2023 · 6495e4e · 6495e4e
1 parent de1356f
commit 6495e4e
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 11 deletions.
diff --git a/src/components/OnboardingGuide/Guide/Guide.scss b/src/components/OnboardingGuide/Guide/Guide.scss
@@ -11,9 +11,6 @@ $space-s: 12px;
 $space-l: 20px;
 
 #{$block} {
-    position: fixed;
-    right: 24px;
-    bottom: 24px;
     z-index: $layer-popup;
 
     min-width: min-content;
@@ -48,8 +45,6 @@ $space-l: 20px;
 
     &__titl-text {
         font-family: var(--typography-font-family);
-
-        font-size: var(--g-text-subheader-3-font-size);
         line-height: var(--g-text-subheader-3-line-height-rel);
         font-size: var(--g-text-subheader-2-font-size);
         letter-spacing: 0;
@@ -66,11 +61,7 @@ $space-l: 20px;
 
         margin-bottom: $space-2-xs;
 
-<<<<<<< HEAD
-        color: var(--g-color-text-light-primary);
-=======
         color: var(--g-color-text-dark-primary);
->>>>>>> c8bdf08 (feat(Guide): add Guide)
     }
 
     &__title_state_expanded {

diff --git a/src/components/OnboardingGuide/Guide/Guide.tsx b/src/components/OnboardingGuide/Guide/Guide.tsx
@@ -1,5 +1,5 @@
-import type {ReactNode} from 'react';
 import React from 'react';
+import type {ReactNode} from 'react';
 
 import {Icon, Progress} from '@gravity-ui/uikit';
 import {SVGIconData} from '@gravity-ui/uikit/build/esm/components/Icon/types';

diff --git a/src/components/OnboardingGuide/Guide/__stories__/Guide.stories.tsx b/src/components/OnboardingGuide/Guide/__stories__/Guide.stories.tsx
@@ -88,5 +88,19 @@ WithItems.args = {
         >
             {[addText('Тестовый текст')]}
         </GuideMenuItem>,
+        <GuideMenuItem
+            key={'testItem'}
+            title="Тестовый элемент"
+            buttons={[
+                <Button view="normal" size="m" onClick={actionsButtonHandlers} key={'rollUp'}>
+                    Кнопка 3
+                </Button>,
+                <Button view="normal" size="m" key={'сomplete'} onClick={actionsButtonHandlers}>
+                    Кнопка 4
+                </Button>,
+            ]}
+        >
+            {[addText('Тестовый текст')]}
+        </GuideMenuItem>,
     ],
 };
diff --git a/src/components/OnboardingGuide/GuideMenuItem/GuideMenuItem.tsx b/src/components/OnboardingGuide/GuideMenuItem/GuideMenuItem.tsx
@@ -1,5 +1,5 @@
-import type {ReactNode} from 'react';
 import React, {useMemo, useState} from 'react';
+import type {ReactNode} from 'react';
 
 import {Clock} from '@gravity-ui/icons';
 import {ArrowToggle, Checkbox, Icon} from '@gravity-ui/uikit';