Répare l'affichage de la documentation sur le comparateur des statuts

fix #2796
pull/2815/head
Johan Girod 2023-09-14 09:17:33 +02:00
parent 70dbeeb6f3
commit b86b1538dd
3 changed files with 15 additions and 16 deletions

View File

@ -31,7 +31,7 @@
"build:sitemap": "ts-node-esm build/build-sitemap.ts",
"build:ssr": "NODE_OPTIONS='--max-old-space-size=4096'; vite build --ssr ./source/entries/entry-server.tsx --outDir ./dist/ssr --emptyOutDir && echo '{\"type\": \"module\"}' > dist/package.json",
"build:storybook": "NODE_OPTIONS='--max-old-space-size=6144'; storybook build",
"build:yaml-to-dts": "ts-node-esm scripts/build-yaml-to-dts.ts",
"build:yaml-to-dts": "ts-node-esm build/build-yaml-to-dts.ts",
"preview:mon-entreprise": "sed 's|:SITE_EN|_|g' netlify.preview.toml | sed 's|:SITE_FR||g' | sed 's|:API_URL|http://localhost:3004|g' > dist/netlify.toml && cd dist && netlify dev -d ./ -p 8888",
"preview:infrance": " sed 's|:SITE_EN||g' netlify.preview.toml | sed 's|:SITE_FR|_|g' | sed 's|:API_URL|http://localhost:3004|g' > dist/netlify.toml && cd dist && netlify dev -d ./ -p 8889",
"typecheck:watch": "tsc --skipLibCheck --noEmit --watch",

View File

@ -1,4 +1,4 @@
import { keyframes } from 'styled-components'
import { keyframes, styled } from 'styled-components'
type SkeletonProps = {
width?: number
@ -16,21 +16,24 @@ const skeletonKeyframes = keyframes`
export default function Skeleton({ width, height }: SkeletonProps) {
return (
<span
<StyledSpan
style={{
backgroundColor: '#eee',
backgroundImage: 'linear-gradient(90deg, #eee, #f5f5f5, #eee)',
backgroundSize: '200px 100%',
backgroundRepeat: 'no-repeat',
borderRadius: '4px',
display: 'inline-block',
lineHeight: '1',
animation: `${skeletonKeyframes} 1.2s ease-in-out infinite`,
width,
height,
}}
>
&zwnj;
</span>
</StyledSpan>
)
}
const StyledSpan = styled.span`
background-color: #eee;
background-image: linear-gradient(90deg, #eee, #f5f5f5, #eee);
background-size: 200px 100%;
background-repeat: no-repeat;
border-radius: 4px;
display: inline-block;
line-height: 1;
animation: ${skeletonKeyframes} 1.2s ease-in-out infinite;
`

View File

@ -79,10 +79,6 @@ function Comparateur({ namedEngines }: { namedEngines: EngineComparison }) {
</div>
</Container>
<Détails namedEngines={namedEngines} expandRevenuSection />
<EngineDocumentationRoutes
namedEngines={namedEngines}
basePath={absoluteSitePaths.assistants['choix-du-statut'].comparateur}
/>
<EngineDocumentationRoutes
basePath={absoluteSitePaths.simulateurs.comparaison}
namedEngines={namedEngines}