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

Desktop: Fixes #8159: Set minimum search/sort bar width #8249

Merged
merged 3 commits into from Jun 5, 2023

Conversation

rio-codes
Copy link
Contributor

Problem:

When changing the note list panel to a certain width, the search bar becomes so small that it is unusable before flowing to the next line.

Solution:

Change the flex-basis CSS property of the first-row search and sort bar to 60%, rather than auto. This ensures that the search bar will never become too small.

@github-actions
Copy link
Contributor

github-actions bot commented May 28, 2023

CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅

@rio-codes
Copy link
Contributor Author

I have read the CLA Document and I hereby sign the CLA

github-actions bot added a commit that referenced this pull request May 28, 2023
@laurent22
Copy link
Owner

That's a good start, but it needs to work with all languages, and for example it doesn't with French:

image

Copy link
Contributor Author

@rio-codes rio-codes left a comment

Choose a reason for hiding this comment

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

fix: account for lang differences

edit - sorry, meant this to be the commit message. I'm changing the flex-basis property to Md since that is already calculated based on word length to account for language differences. I tested it in 6 different languages and it looks to be fine.

@tomasz1986
Copy link

Can you include a screenshot of how this looks when using a different layout, e.g. note list on top?

@laurent22
Copy link
Owner

Yes please provide a video. I've just spent 10 minutes testing this and I see no differences. As far as I can see "Md" is not even a valid property so your code is ignored and it reverts back to the previous behaviour.

Is this pull request for GSoC or other open source program?

@rio-codes
Copy link
Contributor Author

Yes, I just noticed that Md does not work, I'm so sorry about that. Setting it to 50% rather than 60% seems to do the trick though.

Issue behavior

issue_behavior

Fixed behavior - English

fiixed_behavior_english

Fixed behavior - French

fiixed_behavior_french

I'm sorry you wasted your time testing it, I was in the process of fixing it and recording gifs. I can submit another commit. This is not for any program, I am just new to contributing. Thanks for your patience with me.

@laurent22
Copy link
Owner

No problem, and thanks for recording the videos. It indeed looks better and as long as it looks good on the most common languages (those with higher % of translation) that should be fine.

@rio-codes
Copy link
Contributor Author

I tried it with German, Spanish, French, and a few others. Seems to work fine. I committed and pushed the change just now.

@rio-codes
Copy link
Contributor Author

fixes #8159

@laurent22
Copy link
Owner

Looks like it's working well. Thanks a lot for fixing this @rio-codes!

@laurent22 laurent22 merged commit 8dfcec2 into laurent22:dev Jun 5, 2023
1 check passed
@github-actions github-actions bot locked and limited conversation to collaborators Jun 5, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants