javascript-tutorial / javascript-tutorial/ar.javascript.info

اصلاح بعض أخطاء الـ css , margin, padding, align

Open
#175 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
64
Forks
64
PR merge metrics
No merged PRs in 30d

Description

/*
هذه بعض الاصلاحات الضرورية في التصميم لتصحيح الاتجاهات في النسخة العربية
*/
`
.frontpage-search__button {

/*margin-left: 20px;*/
margin-right: 20px;
}

.sitetoolbar__content{

padding: 0 10px;
}
.sitetoolbar__lang-switcher .sitetoolbar__dropdown-body:before {

/*right: auto;*/
/*left: 21px;*/
right: 21px;
left: auto;
}
.sitetoolbar__lang-switcher .sitetoolbar__dropdown-body {

/*right: auto;*/
/*left: -15px;*/
right: -15px;
left: auto;
}
.comments__read-before {

/*right:0;*/
left: 0;
}
.page-footer__item:not(:nth-last-child(-n+1)):after {

margin: 12px;
}

.frontpage-banner__github, .frontpage-banner__subscribe, .frontpage-banner__updated-at {

/*margin-right: 25px;*/
margin-left: 25px;
}

.about-team__member-upic {

/*margin-left: 16px;*/
margin-left: 16px;
}

.about-maintainers__member-upic {

/*margin-right: 16px;*/
margin-left: 16px;
}

.about-contributors__table {

/*text-align: left;*/
text-align: right;
}
.about-contributors__userpic {

/* margin-right: 8px; */
margin-left: 8px;
}
.about-contacts__phone{

direction:ltr;
text-align:right;
}
`

Contributor guide

No contributing guide indexed for this repository

Research direction

Review the listed CSS selectors, including .frontpage-search__button, .sitetoolbar__content, and the about-page selectors, in the Arabic site's stylesheets. Compare the affected layouts in the Arabic version and apply the shown margin, padding, alignment, and direction corrections. Done means these RTL layout issues render correctly across the mentioned components.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend, internationalization, localization
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
40/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.