Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#175 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
40/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
css

調査の方向性

アラビア語サイトのスタイルシートで、.frontpage-search__button、.sitetoolbar__content、および about-page セレクターを含む、一覧にある CSS セレクターを確認します。アラビア語版で影響を受けるレイアウトを比較し、示されている margin、padding、alignment、direction の修正を適用します。対象となるコンポーネントでこれらの RTL レイアウト問題が正しく表示されれば完了です。

索引モデルが issue の本文から書いたものです。

説明

/*
هذه بعض الاصلاحات الضرورية في التصميم لتصحيح الاتجاهات في النسخة العربية
*/
`
.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;

}
`

主要言語
HTML
スター
64
フォーク
63
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

javascript-tutorial/ar.javascript.info のほかの issue

javascript-tutorial/ar.javascript.info の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。