scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix/skeletonshimmer: sometimes shimmer(div element) was rendered inside a paragraph element, wich is not allowed

Browse Source
This commit is contained in:
Linus Flood
2024-12-17 09:39:20 +01:00
parent dc6c2ae483
commit baa0b22562
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/Current/Header/MainMenu/index.tsx
View File

@@ -265,10 +265,7 @@ export function MainMenuSkeleton() {
<ul className={styles.listWrapper}> <ul className={styles.listWrapper}>
{links.map((link, i) => ( {links.map((link, i) => (
<li <li className={`${styles.li} ${styles.skeletonWrapper}`} key={i}>
className={`${styles.li} ${styles.skeletonWrapper}`}
key={link.href + i}
>
<SkeletonShimmer height="22px" width="130px" /> <SkeletonShimmer height="22px" width="130px" />
</li> </li>
))} ))}

1
components/SkeletonShimmer/skeleton.module.css
View File

@@ -21,6 +21,7 @@
background-color: var(--shimmer-background); background-color: var(--shimmer-background);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
display: inline-block;
border-radius: 4px; border-radius: 4px;
min-height: 1em; min-height: 1em;
min-width: 2ch; min-width: 2ch;