Skip to content

Redesigned inconsistent playlist layout to consistent icon-above-label style with better spacing#12458

Closed
arathy066 wants to merge 1 commit intoTeamNewPipe:devfrom
arathy066:dev
Closed

Redesigned inconsistent playlist layout to consistent icon-above-label style with better spacing#12458
arathy066 wants to merge 1 commit intoTeamNewPipe:devfrom
arathy066:dev

Conversation

@arathy066
Copy link
Copy Markdown

@arathy066 arathy066 commented Jul 23, 2025

Redesigned the previously inconsistent playlist control layout by placing icons above the labels for a more uniform and readable interface. Adjusted vertical spacing, aligned the icon-label sets consistently across all three buttons (Background, Play All, Popup), and refined text color to match the existing UI style.

What is it?

  • Bugfix (user facing)
  • Feature (user facing)
  • Codebase improvement (dev facing)
  • Meta improvement to the project (dev facing)

Description of the changes in your PR

This PR redesigns the previously inconsistent playlist control layout by placing icons above the labels for a more uniform and readable interface. It also adjusts vertical spacing and aligns the icon–label sets consistently across all three buttons- Background, Play All, and Popup. Text color is also slightly refined to match the overall UI theme.

This change was made to improve clarity and consistency, especially since the layout differed when viewing a video vs. viewing a channel. The new layout follows a more familiar “icon above label” pattern seen in many other apps, which enhances user experience and visual flow.

Before/After Screenshots/Screen Record

  • Before:
Screenshot 2025-07-22 214715
  • After:
Screenshot 2025-07-23 015828

Fixes the following issue(s)

Fixes #12373

-Refers to discussion in Issue #12373, where a user shared layout inconsistencies (specifically, uneven icon spacing and alignment).
Spotted Issue:

Screenshot 2025-07-21 203406

-My contribution improves UI consistency by ensuring a uniform layout across views — icons are now consistently positioned above labels, aligning with standard mobile UI patterns.
redesigned version-

Screenshot 2025-07-23 015456

Relies on the following changes

  • None

APK testing

The debug APK was successfully generated and can be downloaded via the Checks Tab -->CI -->Artifacts -->app Zip
I tested the layout changes in Android Studio and verified the label alignment and spacing visually.

Due diligence

@github-actions github-actions Bot added the size/medium PRs with less than 250 changed lines label Jul 23, 2025
@arathy066 arathy066 changed the title Redesigned inconsistent playlist layout to consistent icon-above-label style : icons above labels with better spacing Redesigned inconsistent playlist layout to consistent icon-above-label style with better spacing Jul 23, 2025
@absurdlylongusername
Copy link
Copy Markdown
Member

Please fill out the PR description properly

Copy link
Copy Markdown
Member

@litetex litetex left a comment

Choose a reason for hiding this comment

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

Blocked until #12373 is properly triaged

@litetex
Copy link
Copy Markdown
Member

litetex commented Aug 18, 2025

Upstream issue was closed. Closing this PR as well.

@litetex litetex closed this Aug 18, 2025
@Stypox
Copy link
Copy Markdown
Member

Stypox commented Aug 18, 2025

Yeah and also this should go on the refactor branch

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

Labels

size/medium PRs with less than 250 changed lines

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Some icons are dislocated

4 participants