Div css

navikt · Mar 19, 2024 · c01598a · c01598a
1 parent c911bca
commit c01598a
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 34 deletions.
diff --git a/...dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/ImporterValgtePersoner.tsx b/...dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/ImporterValgtePersoner.tsx
@@ -96,7 +96,7 @@ export const ImporterValgtePersoner = ({ identer, isMultiple }) => {
 					icon={<EnterIcon />}
 					loading={loading}
 					onClick={openModal}
-					style={{ minWidth: '150px' }}
+					style={{ minWidth: '155px', height: '24px', marginTop: '10px' }}
 				>
 					Importer person
 				</Button>

diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/NavigerTilPerson.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/NavigerTilPerson.tsx
@@ -38,6 +38,7 @@ export const NavigerTilPerson = ({ ident }) => {
 			icon={<ArrowRightIcon />}
 			loading={loading}
 			onClick={handleClick}
+			style={{ minWidth: '118px' }}
 		>
 			Vis i gruppe
 		</Button>

diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/PersonVisning.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/PersonVisning.tsx
@@ -10,6 +10,14 @@ import { NavigerTilPerson } from '@/pages/tenorSoek/resultatVisning/NavigerTilPe
 import { ImporterValgtePersoner } from '@/pages/tenorSoek/resultatVisning/ImporterValgtePersoner'
 import { useFinnesIDolly } from '@/utils/hooks/useIdent'
 
+const PersonVisningWrapper = styled.div`
+	position: sticky;
+	top: 80px;
+	max-height: 92vh;
+	overflow: auto;
+	scrollbar-width: thin;
+`
+
 const NavnHeader = styled.h2`
 	margin: 10px 0 15px 0;
 	word-break: break-word;
@@ -33,22 +41,24 @@ export const PersonVisning = ({ person, ident, loading, error }) => {
 	const personData = person.data?.dokumentListe?.[0]
 
 	return (
-		<Box background="surface-default" padding="3" borderRadius="medium">
-			<div className="flexbox--space">
-				<NavnHeader>{personData?.visningnavn}</NavnHeader>
-				{loadingFinnes && <Loading onlySpinner />}
-				{!loadingFinnes &&
-					(finnesIDolly ? (
-						<NavigerTilPerson ident={ident} />
-					) : (
-						<ImporterValgtePersoner identer={[ident]} isMultiple={false} />
-					))}
-			</div>
-			<FolkeregisteretVisning data={personData} />
-			<EnhetsregisteretForetaksregisteretVisning
-				data={_.get(personData, 'tenorRelasjoner.brreg-er-fr')}
-			/>
-			<InntektVisning data={personData?.tenorRelasjoner?.inntekt} />
-		</Box>
+		<PersonVisningWrapper>
+			<Box background="surface-default" padding="3" borderRadius="medium">
+				<div className="flexbox--space">
+					<NavnHeader>{personData?.visningnavn}</NavnHeader>
+					{loadingFinnes && <Loading onlySpinner />}
+					{!loadingFinnes &&
+						(finnesIDolly ? (
+							<NavigerTilPerson ident={ident} />
+						) : (
+							<ImporterValgtePersoner identer={[ident]} isMultiple={false} />
+						))}
+				</div>
+				<FolkeregisteretVisning data={personData} />
+				<EnhetsregisteretForetaksregisteretVisning
+					data={_.get(personData, 'tenorRelasjoner.brreg-er-fr')}
+				/>
+				<InntektVisning data={personData?.tenorRelasjoner?.inntekt} />
+			</Box>
+		</PersonVisningWrapper>
 	)
 }
diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TreffListe.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TreffListe.tsx
@@ -23,14 +23,6 @@ const TagsWrapper = styled.div`
 	margin: 10px 0;
 `
 
-const PersonVisningWrapper = styled.div`
-	position: sticky;
-	top: 80px;
-	max-height: 92vh;
-	overflow: auto;
-	scrollbar-width: none;
-`
-
 export const TreffListe = ({ response, personListe, loading, error }: any) => {
 	if ((!personListe || personListe?.length === 0) && loading) {
 		return <Loading label="Laster treff ..." />
@@ -132,14 +124,12 @@ export const TreffListe = ({ response, personListe, loading, error }: any) => {
 				}}
 			>
 				{valgtPerson && (
-					<PersonVisningWrapper>
-						<PersonVisning
-							person={valgtPersonData?.data}
-							ident={valgtPerson?.id}
-							loading={valgtPersonLoading}
-							error={valgtPersonError}
-						/>
-					</PersonVisningWrapper>
+					<PersonVisning
+						person={valgtPersonData?.data}
+						ident={valgtPerson?.id}
+						loading={valgtPersonLoading}
+						error={valgtPersonError}
+					/>
 				)}
 			</div>
 		</div>