Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

fixed: ordering of videos has been fixed at: /videos to show episodes in correct order #2084

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Paulie-Aditya wants to merge 5 commits into git:gh-pages
base: gh-pages
Choose a base branch
Loading
from Paulie-Aditya:fix/video-order

Conversation

@Paulie-Aditya
Copy link
Contributor

@Paulie-Aditya Paulie-Aditya commented Sep 19, 2025

Changes

Simply flipped over the conditions and that fixed it

in the left column: episodes 1 and 3
in the right column: episodes 2 and 4

Context

@To1ne brought this issue up once, that the video ordering on : https://git-scm.com/videos is wrong.
Specifically, episodes 2 and 4 are in the left column and the episodes 1 and 3 are in the right column.

... 1 and 3 on the left column, and 2 and 4 on the right column
Copy link
Contributor Author

@To1ne Kindly let me know if the commit message is now appropriately defined, if not kindly guide me in the right direction for the same as well, would be more than happy to understand and contribute more meaningfully! Cheers!

Copy link
Collaborator

To1ne commented Sep 26, 2025

@Paulie-Aditya Let me suggest something like:

fix ordering of videos
The videos are shown in a grid view. This is done by showing them in two
columns. But during implementation the columns where swapped.
Reorder the columns so the top left video is the first of the series.

Some notes from this:

  • Start with a title, prefer to stay below 72 chars
  • Followed by an empty line
  • Then explain what the problem is (wrap lines at 80 chars)
  • Then explain what you're changing

But I've noticed something else. On mobile (small screens) the order is still wrong. We should switch to CSS grid or flexbox to make sure the order is persisted across viewports.

Copy link
Contributor Author

Okay, will do the changes as instructed, thanks for the guidance!

Copy link
Member

dscho commented Sep 30, 2025

I find it very nice to see progress here! Unfortunately, these changes are way over my head, so I cannot contribute to the review 😞

To1ne and Paulie-Aditya reacted with heart emoji

Copy link
Collaborator

@To1ne To1ne left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Paulie-Aditya Awesome. I've added a few suggestions, but this is just what I wanted.

}

img {
width: 100%;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We better also add box-sizing: border-box due to this.


h4 {
margin: 0.75rem 0;
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we do here:

&::before {
 content: counter(--video-index) ".";
 font-weight: normal;
}

And on .video-thumbnails li do counter-increment: --video--index;, we would have counters on the videos.

Image

Copy link
Contributor Author

sorry been pre-occupied, will definitely implement these soon.

Copy link
Collaborator

To1ne commented Oct 10, 2025

sorry been pre-occupied, will definitely implement these soon.

No worries, we all got stuff to do. 💜

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@To1ne To1ne To1ne requested changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

AltStyle によって変換されたページ (->オリジナル) /