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

[CL-550] Fix popup layout padding and adjust views with extra bottom space #13562

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

vleague2
Copy link
Contributor

@vleague2 vleague2 commented Feb 25, 2025

🎟️ Tracking

CL-550

📔 Objective

The generator page was missing some expected bottom padding. This was due to the popup page having a misconfigured height on one of its container divs. Fixing this led to uncovering issues with other pages that had been developed without accounting for the bottom padding, since it had not been working properly.

📸 Screenshots

Note the bottom margin of each page. (There are still some small discrepancies between the pages, based on the item component having its own margin.)

Before After
Screenshot 2025-02-25 at 1 23 29 PM Screenshot 2025-02-25 at 1 23 37 PM
Screenshot 2025-02-25 at 1 24 40 PM Screenshot 2025-02-25 at 1 24 48 PM
Screenshot 2025-02-25 at 1 56 08 PM Screenshot 2025-02-25 at 1 56 24 PM

⏰ Reminders before review

  • Contributor guidelines followed
  • All formatters and local linters executed and passed
  • Written new unit and / or integration tests where applicable
  • Protected functional changes with optionality (feature flags)
  • Used internationalization (i18n) for all UI strings
  • CI builds passed
  • Communicated to DevOps any deployment requirements
  • Updated any necessary documentation (Confluence, contributing docs) or informed the documentation team

🦮 Reviewer guidelines

  • 👍 (:+1:) or similar for great changes
  • 📝 (:memo:) or ℹ️ (:information_source:) for notes or general info
  • ❓ (:question:) for questions
  • 🤔 (:thinking:) or 💭 (:thought_balloon:) for more open inquiry that's not quite a confirmed issue and could potentially benefit from discussion
  • 🎨 (:art:) for suggestions / improvements
  • ❌ (:x:) or ⚠️ (:warning:) for more significant problems or concerns needing attention
  • 🌱 (:seedling:) or ♻️ (:recycle:) for future improvements or indications of technical debt
  • ⛏ (:pick:) for minor or nitpick changes

Copy link

codecov bot commented Feb 25, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 35.82%. Comparing base (d11321e) to head (741d04a).
Report is 5 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #13562   +/-   ##
=======================================
  Coverage   35.82%   35.82%           
=======================================
  Files        3166     3166           
  Lines       93335    93372   +37     
  Branches    16991    16997    +6     
=======================================
+ Hits        33435    33449   +14     
- Misses      57314    57334   +20     
- Partials     2586     2589    +3     

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

Copy link
Contributor

github-actions bot commented Feb 25, 2025

Logo
Checkmarx One – Scan Summary & Details694f3d75-e999-43f2-9421-768d2512f9e2

Great job, no security vulnerabilities found in this Pull Request

@vleague2 vleague2 requested a review from willmartian February 25, 2025 19:02
Comment on lines 63 to 64
@Input() mode: CipherFormConfig["mode"];

Copy link
Contributor

Choose a reason for hiding this comment

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

I think it is more clear for the input name to describe its purpose:

@Input() disableMargin: boolean

Also makes sense because this is a composition of bit-section

@@ -1,4 +1,4 @@
<bit-section [formGroup]="sendOptionsForm">
<bit-section [formGroup]="sendOptionsForm" disableMargin="true">
Copy link
Contributor

Choose a reason for hiding this comment

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

nit: all of these disableMargin="true" could be simplified to disableMargin.

Probably not worth going back and updating everything though, unless that sounds fun to you.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Incredibly fun, done

@vleague2 vleague2 requested a review from willmartian February 25, 2025 20:45
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