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: content tags drawer width [FC-0036] #910

Conversation

rpenido
Copy link
Contributor

@rpenido rpenido commented Mar 20, 2024

Description

This PR changes the min-width of the content tags drawer to better fit content in the screen

Supporting information

Small screen (< 500px)

Before After
2024-03-20-100835 2024-03-20-100855

Normal screen (> 500px)

Before After
2024-03-20-100946 2024-03-20-103844

Testing instructions

  • Open the Course Outline
  • Click on a Unit to edit it
  • Click on the Manage Tags button in the Side bar of the unit
  • Check the results

Private ref: FAL-3687

@openedx-webhooks openedx-webhooks added the open-source-contribution PR author is not from Axim or 2U label Mar 20, 2024
@openedx-webhooks
Copy link

openedx-webhooks commented Mar 20, 2024

Thanks for the pull request, @rpenido! Please note that it may take us up to several weeks or months to complete a review and merge your PR.

Feel free to add as much of the following information to the ticket as you can:

  • supporting documentation
  • Open edX discussion forum threads
  • timeline information ("this must be merged by XX date", and why that is)
  • partner information ("this is a course on edx.org")
  • any other information that can help Product understand the context for the PR

All technical communication about the code itself will be done via the GitHub pull request interface. As a reminder, our process documentation is here.

Please let us know once your PR is ready for our review and all tests are green.

@rpenido rpenido marked this pull request as ready for review March 20, 2024 13:48
@rpenido rpenido requested a review from a team as a code owner March 20, 2024 13:48
@rpenido rpenido force-pushed the rpenido/fal-3687-fix-content-tags-drawer-width branch from 553347a to 847a340 Compare March 20, 2024 13:51
Copy link

codecov bot commented Mar 20, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 91.87%. Comparing base (9a6e12b) to head (847a340).

Additional details and impacted files
@@           Coverage Diff           @@
##           master     #910   +/-   ##
=======================================
  Coverage   91.87%   91.87%           
=======================================
  Files         572      572           
  Lines       10058    10058           
  Branches     2160     2160           
=======================================
  Hits         9241     9241           
  Misses        790      790           
  Partials       27       27           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@rpenido rpenido requested a review from bradenmacdonald March 20, 2024 14:22
Comment on lines +1 to +9
.pgn__sheet-component:has(#content-tags-drawer) {
min-width: max(500px, 33vw);
}

@media only screen and (max-width: 500px) {
.pgn__sheet-component:has(#content-tags-drawer) {
min-width: 100vw;
}
}
Copy link
Contributor

Choose a reason for hiding this comment

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

Could you raise a corresponding issue in paragon? It does seems like a severe limitation, and perhaps there can be support for different sizes for the sidebar as well.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@rpenido rpenido changed the title fix: content tags drawer width fix: content tags drawer width [FC-0036] Mar 29, 2024
@bradenmacdonald
Copy link
Contributor

@xitij2000 could you please merge this?

@xitij2000 xitij2000 merged commit 0a50bbc into openedx:master Apr 2, 2024
6 checks passed
@openedx-webhooks
Copy link

@rpenido 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.

@xitij2000 xitij2000 deleted the rpenido/fal-3687-fix-content-tags-drawer-width branch April 2, 2024 07:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
open-source-contribution PR author is not from Axim or 2U
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

4 participants