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

Reducing tag input excessive padding; fixes #3915 #3927

Merged
merged 3 commits into from
Apr 7, 2021

Conversation

aschaap
Copy link
Contributor

@aschaap aschaap commented Apr 6, 2021

Description

Removed the use of !important that caused this issue, and specified rules more in line with theme.default.css to minimize overrides and unnecessary rules to ensure tag input fields do not have excessive padding. Ensured entered tags have a 3px margin on the left to maintain their positioning (because .ng-input gets 3px padding by default already).

Related issues

Fixes #3915.

Has this been tested?

  • 🙅 no, because they aren't needed

Visually inspected the following relevant input fields in Firefox and a Chrome-based browser (screenshots below, in order listed):

  • Advanced search tag inputs
  • Video (metadata) editing tag input
  • Transcoding configuration inputs (for which 149e4cc, which contained the CSS rule with !important seemed to be intended)

Screenshots

advanced-search-tags
video-tags
transcoding_config_inputs

@aschaap aschaap marked this pull request as ready for review April 6, 2021 17:20
@rigelk rigelk added the UI non-trivial UI changes, that might need discussion label Apr 6, 2021
Copy link
Collaborator

@rigelk rigelk left a comment

Choose a reason for hiding this comment

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

hi @aschaap and thanks for the PR! LGTM but please compress your CSS selectors.

client/src/sass/ng-select.scss Outdated Show resolved Hide resolved
Co-authored-by: Rigel Kent <par@rigelk.eu>
@aschaap
Copy link
Contributor Author

aschaap commented Apr 6, 2021

Hi @rigelk , happy to help. I compressed the selectors as you requested.

@Chocobozzz Chocobozzz merged commit 0564fc0 into Chocobozzz:develop Apr 7, 2021
@Chocobozzz
Copy link
Owner

Thanks @rigelk @aschaap

@aschaap aschaap deleted the issue-3915 branch April 7, 2021 14:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UI non-trivial UI changes, that might need discussion
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Tags input excessive padding
3 participants