fix theme and code snipper

digdir · Jun 18, 2024 · befee3a · befee3a
1 parent b1fb108
commit befee3a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 17 deletions.
diff --git a/apps/storybook/docs-components/CodeSnippet/CodeSnippet.module.css b/apps/storybook/docs-components/CodeSnippet/CodeSnippet.module.css
@@ -7,19 +7,8 @@
   height: fit-content;
 }
 
-.copyContainer {
-  position: sticky;
-  top: 0;
-  left: 0;
-  height: calc(100% - 1px);
-  width: calc(100% - 1px);
-  float: left;
-  margin-right: -100%;
-  pointer-events: none;
-}
-
-.icon {
+.copyButton {
   position: absolute;
-  top: var(--ds-spacing-4);
-  right: var(--ds-spacing-4);
+  top: var(--ds-spacing-2);
+  right: var(--ds-spacing-2);
 }
diff --git a/apps/storybook/docs-components/CodeSnippet/CodeSnippet.tsx b/apps/storybook/docs-components/CodeSnippet/CodeSnippet.tsx
@@ -72,7 +72,7 @@ const CodeSnippet = ({
             <Button
               onMouseEnter={() => setToolTipText('Kopier')}
               onClick={() => onButtonClick()}
-              className={classes.icon}
+              className={classes.copyButton}
               title='Kopier'
               icon
               color='neutral'

diff --git a/apps/theme/components/ColorPicker/ColorPicker.tsx b/apps/theme/components/ColorPicker/ColorPicker.tsx
@@ -43,7 +43,7 @@ export const ColorPicker = ({
   const getStatus = () => {
     return (
       <div>
-        <Popover
+        <Popover.Root
           onOpenChange={function Ya() {}}
           placement='top'
           size='sm'
@@ -90,7 +90,7 @@ export const ColorPicker = ({
               )}
             </div>
           </Popover.Content>
-        </Popover>
+        </Popover.Root>
       </div>
     );
   };