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

XWIKI-21747: Some filters cannot be activated on the Solr search results page when resizing the browser tab #2961

Merged
merged 2 commits into from
Mar 6, 2024

Conversation

Sereza7
Copy link
Contributor

@Sereza7 Sereza7 commented Mar 6, 2024

Jira URL

https://jira.xwiki.org/browse/XWIKI-21747

Changes

Description

  • L720-721: Fixed the display of the facet header when zooming,now using flex instead of inline. Thanks to those changes, the wrapping will not affect the dropdown button.
  • L722 + L729 + L732 : improved styling on the separator line under the header to avoid it breaking UI with high zoom levels where there's wrapping in the headers
  • L764: Added a transition to smoothen out a state transition that was quite harsh
  • L766: removed an incorrect style
  • L820: set the text color on the toggler inside facets, that were a different shade of grey before.

Clarification

  • L720-721 are the solution to this issue, others are small improvements close to this issue.

Screenshots & Video

beforePR (Firefox 180% zoom)
21747-beforePRFF180
afterPR (Firefox 180% zoom)
21747-afterPRFF180
afterPR (Firefox 210% zoom - 3 lines wrapped) We can see that the separator line under the header is properly placed, unlike before. We decided to position it with bottom inside of giving it a hard coded margin-top that would lead to it crossing the header content when it wrapped on multiple lines.
21747-afterPRFF210

Executed Tests

None, style only changes, low scope and not hiding anything.

Expected merging strategy

Sereza7 added 2 commits March 6, 2024 11:42
…lts page when resizing the browser tab

* L720-721: Fixed the display of the facet header when zooming,now using flex instead of inline. Thanks to those changes, the wrapping will not affect the dropdown button.
* L764: Added a transition to smoothen out a state transition that was quite harsh
* L766: removed an incorrect style
* L820: set the text color on the toggler inside facets, that were a different shade of grey before.
…lts page when resizing the browser tab

* Improved the separator line style to avoid it crossing down some header content when zooming in
@Sereza7 Sereza7 added the backport stable-15.10.x Used for automatic backport to 15.10.x branch. label Mar 6, 2024
@michitux michitux merged commit b4bcc7a into xwiki:master Mar 6, 2024
2 checks passed
github-actions bot pushed a commit that referenced this pull request Mar 6, 2024
…lts page when resizing the browser tab (#2961)

* L720-721: Fixed the display of the facet header when zooming, now using flex instead of inline. Thanks to those changes, the wrapping will not affect the dropdown button.
* L764: Added a transition to smoothen out a state transition that was quite harsh
* L766: removed an incorrect style
* L820: set the text color on the toggler inside facets, that were a different shade of grey before.
* Improved the separator line style to avoid it crossing down some header content when zooming in

(cherry picked from commit b4bcc7a)
michitux pushed a commit that referenced this pull request Mar 6, 2024
…lts page when resizing the browser tab (#2961)

* L720-721: Fixed the display of the facet header when zooming, now using flex instead of inline. Thanks to those changes, the wrapping will not affect the dropdown button.
* L764: Added a transition to smoothen out a state transition that was quite harsh
* L766: removed an incorrect style
* L820: set the text color on the toggler inside facets, that were a different shade of grey before.
* Improved the separator line style to avoid it crossing down some header content when zooming in

(cherry picked from commit b4bcc7a)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport stable-15.10.x Used for automatic backport to 15.10.x branch.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants