Merge pull request #655 from rishabhsharma1997/master

[LEARNING-PATH] TOC list fix
layer5io · Jun 21, 2024 · 4bc0a4b · 4bc0a4b
2 parents 6a2d010 + f091357
commit 4bc0a4b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 49 deletions.
diff --git a/src/custom/LearningCard/LearningCard.tsx b/src/custom/LearningCard/LearningCard.tsx
@@ -79,7 +79,7 @@ const LearningCard: React.FC<Props> = ({ tutorial, path, courseCount, courseType
                 <CardSubdata className="card-subdata">
                   <p>
                     {courseCount} {courseType}
-                    {courseCount === 1 ? '' : 's'}
+                    {courseCount > 1 ? 's' : ''}
                   </p>
                 </CardSubdata>
                 <CardImage>

diff --git a/src/custom/TOCChapter/style.tsx b/src/custom/TOCChapter/style.tsx
@@ -44,7 +44,7 @@ export const TOCWrapper = styled('div')(({ theme }) => ({
       MozPaddingStart: '2.65rem',
       '&::after': {
         position: 'absolute',
-        inset: '1rem auto 1rem 31px',
+        inset: '1rem auto 1rem 1.7rem',
         width: 'auto',
         height: 'auto',
         borderLeft: `1px solid rgba(177, 182, 184, 0.25)`,
@@ -77,52 +77,5 @@ export const TOCWrapper = styled('div')(({ theme }) => ({
         }
       }
     }
-  },
-  '@media(max-width: 992px)': {
-    '.toc-list ul': {
-      '&::after': {
-        inset: '1rem auto 1rem 32.4px'
-      }
-    }
-  },
-  '@media(max-width: 767px)': {
-    position: 'initial',
-    '.toc-list ul': {
-      display: 'flex',
-      flexFlow: 'wrap',
-      margin: '1.5rem 0',
-      flexDirection: 'column',
-      paddingInlineStart: '0rem',
-      '&::after': {
-        display: 'none'
-      },
-      '& li': {
-        listStyleType: 'none',
-        margin: '0.5rem',
-        display: 'none'
-      }
-    },
-    '.toc-ul': {
-      opacity: 0,
-      height: 0,
-      transition: 'none',
-      paddingLeft: '1rem'
-    },
-    '.toc-ul-open': {
-      height: 'auto',
-      opacity: 1,
-      transition: 'all .4s',
-      '& li': {
-        display: 'inline-block'
-      }
-    },
-    '.chapter-back': {
-      '& h4': {
-        margin: '0 1rem'
-      },
-      '.toc-toggle-btn': {
-        display: 'flex'
-      }
-    }
   }
 }));