fix: fixed display for one of (#33)

gravity-ui · Apr 27, 2023 · 823c8fc · 823c8fc
1 parent d64ae4a
commit 823c8fc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/lib/kit/components/Inputs/OneOf/OneOf.scss b/src/lib/kit/components/Inputs/OneOf/OneOf.scss
@@ -1,37 +1,37 @@
-@import '../../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .#{$ns}oneof {
     display: flex;
-    flex-direction: column-reverse;
+    flex-direction: column;
 
     &:last-child {
         & > .#{$ns}group-indent {
             margin-bottom: 0;
-
-            &:empty + .#{$ns}oneof__toggler {
-                margin-bottom: 0;
-            }
         }
     }
 
-    &__toggler {
-        margin-bottom: 15px;
-    }
-
     .#{$ns}group-indent {
         all: unset;
 
         & > .#{$ns}use-search {
             padding-top: 11px;
             padding-left: $normalOffset;
-            margin-top: -11px;
+            margin-top: 4px;
             margin-bottom: 20px;
             margin-left: 5px;
             border-left: 1px solid var(--yc-color-line-generic-accent);
 
             &:empty {
                 display: none;
             }
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+
+            & > .#{$ns}simple-vertical-accordeon_view {
+                margin-top: -10px;
+            }
         }
     }
 }
diff --git a/src/lib/kit/components/Inputs/OneOf/OneOf.tsx b/src/lib/kit/components/Inputs/OneOf/OneOf.tsx
@@ -35,6 +35,7 @@ export const OneOf: ObjectIndependentInput = (props) => {
 
     return (
         <div className={b()}>
+            <div>{toggler}</div>
             {specProperties[oneOfValue] ? (
                 <GroupIndent>
                     <Controller
@@ -47,7 +48,6 @@ export const OneOf: ObjectIndependentInput = (props) => {
                     />
                 </GroupIndent>
             ) : null}
-            <div className={b('toggler')}>{toggler}</div>
         </div>
     );
 };