Skip to content
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

Fix: Card Browser Border and Header Height. #17904

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

argon2r
Copy link

@argon2r argon2r commented Jan 30, 2025

Purpose / Description

Fixed the Card Browser Border and Column Header Height.

Fixes

Approach

Created drawable file for the bottom divider to improve the Card Browser border, increased the Card Browser Header height and improved the heading text Alignment.

How Has This Been Tested?

State Screenshot
Before
After

Checklist

Please, go through these checks before submitting the PR.

  • You have a descriptive commit message with a short title (first line, max 50 chars).
  • You have commented your code, particularly in hard-to-understand areas
  • You have performed a self-review of your own code
  • UI changes: include screenshots of all affected screens (in particular showing any new or changed strings)
  • UI Changes: You have tested your change using the Google Accessibility Scanner

@brishtibheja
Copy link

From what I said in Discord: why is is the border between columns extending to the headers? The before images don't have that.

@argon2r
Copy link
Author

argon2r commented Jan 31, 2025

From what I said in Discord: why is is the border between columns extending to the headers? The before images don't have that.

As additional columns are added to the card browser, vertical lines enhance its organization and clarity.

@xenonnn4w xenonnn4w added the Needs Author Reply Waiting for a reply from the original author label Feb 2, 2025
@xenonnn4w xenonnn4w added Needs Review and removed Needs Author Reply Waiting for a reply from the original author labels Feb 2, 2025
@@ -17,9 +17,10 @@
<com.ichi2.ui.FixedTextView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dp"
android:layout_height="match_parent"
android:minHeight="48dp"
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
android:minHeight="48dp"
android:minHeight="?minTouchTargetSize"

@@ -18,7 +18,7 @@
<LinearLayout
android:id="@+id/browser_column_headings"
android:layout_width="match_parent"
android:background="?attr/selectableItemBackground"
android:background="@drawable/browser_heading_bottom_divider"
Copy link
Member

Choose a reason for hiding this comment

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

this breaks the ripple effect when tapping the background, so the user loses the tap feedback.

Either you could fix that in the new background you created, or you can add the border as a new View below this one

Copy link
Author

Choose a reason for hiding this comment

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

Added the ripple effect in browser_heading_bottom_divider .

@BrayanDSO BrayanDSO added Needs Author Reply Waiting for a reply from the original author and removed Needs Review labels Feb 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Needs Author Reply Waiting for a reply from the original author
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Card browser: Increase Height of Column Headers Add border between column header and first row
4 participants