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

STCOM-1228 Print styling of panes (users want to print the detail pane, but full screen display is printed) #2170

Merged
merged 2 commits into from
Nov 9, 2023

Conversation

JohnC-80
Copy link
Contributor

@JohnC-80 JohnC-80 commented Nov 8, 2023

Printing with a detail pane open should print only the detail pane, without printing the others. The before state is captured in the associated JIRAs.

Approach

Adjusted the styles of panes to have only the last pane visible and at 100% width when the page is printed.
Used a combination of hiding panes in print mode, and displaying the last pane via a higher specificity pseudo-selector (nth-last-of-type(1))
The flex property is !important in this case in order to override the inline flex styling that is applied to the element.

Two stories, https://issues.folio.org/browse/STCOM-1228 and https://issues.folio.org/browse/STCOM-1229 are covered by this...

After:
Inventory:
image

Users:
image

Copy link

github-actions bot commented Nov 8, 2023

Jest Unit Test Statistics

0 tests  ±0   0 ✔️ ±0   0s ⏱️ ±0s
0 suites ±0   0 💤 ±0 
0 files   ±0   0 ±0 

Results for commit 397b4dd. ± Comparison against base commit b584da8.

♻️ This comment has been updated with latest results.

Copy link

github-actions bot commented Nov 8, 2023

BigTest Unit Test Statistics

       1 files  ±0         1 suites  ±0   13s ⏱️ +2s
1 413 tests ±0  1 392 ✔️ ±0  21 💤 ±0  0 ±0 
1 416 runs  ±0  1 395 ✔️ ±0  21 💤 ±0  0 ±0 

Results for commit 397b4dd. ± Comparison against base commit b584da8.

♻️ This comment has been updated with latest results.

@JohnC-80 JohnC-80 requested review from zburke and vashjs November 8, 2023 21:21
Copy link

sonarqubecloud bot commented Nov 8, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
No Duplication information No Duplication information

Copy link
Member

@zburke zburke left a comment

Choose a reason for hiding this comment

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

LGTM, but this isn't the first time we've faced problems. I'm OK moving ahead with this, but in an ideal world it would be good to have a better understanding of what has changed since STCOM-975 / #1835 such that we are seeing this problem now.

@JohnC-80 JohnC-80 merged commit 1cdd21c into master Nov 9, 2023
@JohnC-80 JohnC-80 deleted the STCOM-1228 branch November 9, 2023 17:14
@JohnC-80
Copy link
Contributor Author

JohnC-80 commented Nov 9, 2023

Previous PR's fixed different problems from this one - but this issue definitely seems like one that was resolved a long time ago :/

github-actions bot pushed a commit that referenced this pull request Nov 9, 2023
…e, but full screen display is printed) (#2170)

* apply print styles so that only last pane is visible at full width

* log changes
zburke pushed a commit that referenced this pull request Nov 10, 2023
…e, but full screen display is printed) (#2170)

* apply print styles so that only last pane is visible at full width

* log changes

(cherry picked from commit 1cdd21c)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants