style(endringslogg): gjort ikon mindre, midtstilt bedre

Gjort ikonet mindre
navikt · Aug 27, 2024 · 6ae18a2 · 6ae18a2
1 parent 13eb681
commit 6ae18a2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/packages/familie-endringslogg/src/endringslogg.css b/packages/familie-endringslogg/src/endringslogg.css
@@ -1,6 +1,7 @@
 .endringslogg {
-  width: fit-content;
-  position: relative;
+  display: flex;
+  align-self: center;
+  margin-right: 1.25rem;
 }
 
 .collapse-header {
@@ -137,12 +138,10 @@
   float: left;
 }
 .endringslogg-dropDown {
-  padding: 0.2rem;
   outline: transparent;
   border: none;
   cursor: pointer;
   background-color: transparent;
-  margin-top: 0.2rem;
 }
 .endringslogg-dropDown:focus {
   fill: var(--a-surface-action);
@@ -211,8 +210,8 @@
 }
 .ring-container {
   position: relative;
-  bottom: 46px;
-  left: 31px;
+  bottom: 460px;
+  left: 22px;
 }
 .circle {
   width: 1.2rem;

diff --git a/packages/familie-endringslogg/src/icons/endringslogg-icon.tsx b/packages/familie-endringslogg/src/icons/endringslogg-icon.tsx
@@ -18,8 +18,8 @@ const EndringsloggIkon: React.FC<Props> = ({ className, height, width, stil = 'm
     <svg
         data-name="Layer 1"
         className={className}
-        height={height || '40'}
-        width={width || '40'}
+        height={height || '32'}
+        width={width || '32'}
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 32 32"
     >

diff --git a/packages/familie-header/header.stories.tsx b/packages/familie-header/header.stories.tsx
@@ -10,6 +10,7 @@ import {
 } from '@navikt/familie-typer';
 import { BodyShort } from '@navikt/ds-react';
 import { idnr } from '@navikt/fnrvalidator';
+import { Endringslogg } from '@navikt/familie-endringslogg';
 
 export default {
     component: Header,
@@ -142,6 +143,13 @@ export const HeaderOgSøk: React.FC = ({ ...args }) => {
                         console.log('Du har klikket på et av resultatene', x);
                     }}
                 />
+                <Endringslogg
+                    userId={'23452345fdbsssssh1234' + new Date()}
+                    appId={'EF'}
+                    backendUrl={'https://familie-endringslogg.intern.dev.nav.no/'}
+                    appName={'Enslig forsørger'}
+                    stil="lys"
+                />
             </Header>
 
             <div>