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 4 Packages Projects Releases Wiki Activity

feat(client): make portfolio section in profile support RTL layout (#49148)

Browse Source 
* feat(client): make portfolio section in profile support RTL layout

* Revert "feat(client): make portfolio section in profile support RTL layout"

This reverts commit b4cf5f1ab4.

* make media component responsive

* fix the selector

* hook the media left through an id

* hook the media left through an id
This commit is contained in:
Muhammed Mustafa 2023-02-18 22:58:01 +02:00 committed by GitHub
parent 3cd60a692d
commit 45dc6aee9e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/layouts/rtl-layout.css
View File

@ -6,6 +6,14 @@ Increase the spacing in paragraphs
line-height: 2rem;
}
/*
Profile section
*/
[dir='rtl'] #profile-portfolio-image {
padding-left: 10px;
}
/*
Intro project buttons and headings
*/

2
client/src/components/profile/components/portfolio.tsx
View File

@ -21,7 +21,7 @@ function Portfolio({ portfolio = [] }: PortfolioProps): JSX.Element | null {
<h2 className='text-center'>{t('profile.portfolio')}</h2>
{portfolio.map(({ title, url, image, description, id }) => (
<Media key={id}>
<Media.Left align='middle'>
<Media.Left id='profile-portfolio-image' align='middle'>
{image && (
<img
alt={t('profile.screen-shot', { title: title })}