CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-22 21:08:12 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

feat: remove listgroup component (#51929)

Browse Source
This commit is contained in:
Muhammed Mustafa 2023-10-12 20:48:59 +03:00 committed by GitHub
parent 6b1ca70b80
commit e84253cb4b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/components/layouts/global.css
View File

@ -544,17 +544,6 @@ pre {
border-radius: 0;
}
.list-group-item {
background: transparent;
border: none;
border-radius: 0;
}
.intro-toc .list-group-item:hover {
background-color: var(--tertiary-background) !important;
border-radius: 0;
}
.panel-primary > .panel-heading {
background-color: transparent;
border-color: var(--primary-color);

15
client/src/templates/Introduction/intro.css
View File

@ -341,12 +341,19 @@ a.map-grid-item.challenge-completed {
margin-top: 1.45rem;
}
.intro-toc .list-group-item {
margin: 5px auto;
.intro-toc {
margin-bottom: 20px;
padding-left: 0;
list-style-type: none;
}
.intro-toc .list-group-item:hover {
background-color: var(--secondary-background);
.intro-toc li {
margin: 5px auto;
padding: 10px 15px;
}
.intro-toc li:hover {
background-color: var(--tertiary-background);
}
.intro-toc a:hover {

9
client/src/templates/Introduction/intro.tsx
View File

@ -1,4 +1,3 @@
import { ListGroup, ListGroupItem } from '@freecodecamp/react-bootstrap';
import { Link, graphql } from 'gatsby';
import React from 'react';
import Helmet from 'react-helmet';
@ -14,15 +13,15 @@ import './intro.css';
function Challenges({ challengeNodes }: { challengeNodes: AllChallengeNode }) {
return (
<ListGroup className='intro-toc'>
<ul className='intro-toc'>
{challengeNodes.edges
.map(({ node: { challenge } }) => challenge)
.map(({ title, fields: { slug } }) => (
<ListGroupItem key={'intro-' + slug}>
<li key={'intro-' + slug}>
<Link to={slug}>{title}</Link>
</ListGroupItem>
</li>
))}
</ListGroup>
</ul>
);
}