Skip to content

Conversation

@brianjgeiger
Copy link
Contributor

Purpose

The modal for the links on the project analytics page doesn't scroll. Instead, it just runs off the screen if there's too much content, and that content will never be seen. This makes it so that the dialog box behaves properly with the scrolling and the not overfilling the screen.

Summary of Changes

  1. Add max-height to the modal
  2. Set overflow to scroll

Screenshot(s)

Screen Shot 2022-09-02 at 9 23 19 AM

Side Effects

If there were any other bs-modal-simples on the page, they would also be upgraded. But there aren't, so this is isolated.

@coveralls
Copy link

coveralls commented Sep 2, 2022

Pull Request Test Coverage Report for Build 3039146144

  • 0 of 0 changed or added relevant lines in 0 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 71.302%

Totals Coverage Status
Change from base Build 3038143518: 0.0%
Covered Lines: 5385
Relevant Lines: 7338

💛 - Coveralls

margin-top: 20px;
}

:global(.modal-body) {
Copy link
Contributor

Choose a reason for hiding this comment

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

Instinctively, the application of this global class makes me nervous, but it's just limited to the analytics engine it seems and it makes sure any additional BsModal doesn't suffer from the no-scroll behavior... I'm torn, but I think it's good.

@futa-ikeda futa-ikeda added this to the 22.9.0 milestone Sep 8, 2022
@brianjgeiger brianjgeiger merged commit 64f3290 into CenterForOpenScience:develop Sep 12, 2022
@brianjgeiger brianjgeiger deleted the feature/better-dialog-for-links branch September 12, 2022 17:23
chth0n1x pushed a commit to chth0n1x/ember-osf-web that referenced this pull request Feb 1, 2023
## Purpose

The modal for the links on the project analytics page doesn't scroll. Instead, it just runs off the screen if there's too much content, and that content will never be seen. This makes it so that the dialog box behaves properly with the scrolling and the not overfilling the screen.

## Summary of Changes

1. Add max-height to the modal
2. Set overflow to scroll

## Side Effects

If there were any other `bs-modal-simple`s on the page, they would also be upgraded. But there aren't, so this is isolated.
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.

4 participants