Skip to content

Proper Styling Added for OK Button#379

Merged
martinRenou merged 2 commits intogeojupyter:mainfrom
Meriem-BenIsmail:ok-button
Jan 22, 2025
Merged

Proper Styling Added for OK Button#379
martinRenou merged 2 commits intogeojupyter:mainfrom
Meriem-BenIsmail:ok-button

Conversation

@Meriem-BenIsmail
Copy link
Member

@Meriem-BenIsmail Meriem-BenIsmail commented Jan 21, 2025

Description

Fixes #375.
image

Checklist

  • PR has a descriptive title and content.
  • PR description contains references to any issues the PR resolves, e.g. Resolves #XXX.
  • PR has one of the labels: documentation, bug, enhancement, feature, maintenance
  • Checks are passing.
    Failing lint checks can be resolved with:
    • pre-commit run --all-files
    • jlpm run lint

📚 Documentation preview: https://jupytergis--379.org.readthedocs.build/en/379/
💡 JupyterLite preview: https://jupytergis--379.org.readthedocs.build/en/379/lite

@Meriem-BenIsmail Meriem-BenIsmail added the bug Something isn't working label Jan 21, 2025
@github-actions
Copy link
Contributor

Binder 👈 Launch a Binder on branch Meriem-BenIsmail/jupytergis/ok-button

@github-actions
Copy link
Contributor

github-actions bot commented Jan 21, 2025

Integration tests report: appsharing.space

Copy link
Member

@martinRenou martinRenou left a comment

Choose a reason for hiding this comment

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

Thanks!!

Just a comment about fixing this upstream, but for now we can probably keep this.

position: relative;
}

.jp-Dialog-button.jp-mod-accept.jp-mod-styled {
Copy link
Member

Choose a reason for hiding this comment

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

Are those classes coming from JupyterLab? If yes, I guess we should fix this upstream

Copy link
Member Author

Choose a reason for hiding this comment

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

Yeah I guess so, when I inspected I found this css that's being applied to it and we are using these classes for the OK buttons in both JupyterGIS and JupyterCAD .jp-mod-styled.jp-mod-accept.

button.jp-mod-styled.jp-mod-accept {
  background: var(--jp-accept-color-normal, var(--md-blue-500, #2196f3));
  border: 0;
  color: white;
}

Copy link
Member

Choose a reason for hiding this comment

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

Would you like to open a PR upstream for fixing this in JupyterLab?

Copy link
Member Author

Choose a reason for hiding this comment

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

it's in packages/application/style/buttons.css in jupyterlab.

Copy link
Member

Choose a reason for hiding this comment

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

Also we should probably put a comment here in our code saying this is being upstreamed. So on the long run we just remove that rule.

Copy link
Member Author

Choose a reason for hiding this comment

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

okay I will !

Copy link
Member Author

Choose a reason for hiding this comment

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

Do you think the same applies to .jp-mod-styled.jp-mod-reject ? Do we also have a problem with those buttons ?

Copy link
Member

Choose a reason for hiding this comment

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

Probably yes, if it does not use a lab CSS variable

Copy link
Member

@martinRenou martinRenou left a comment

Choose a reason for hiding this comment

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

Thanks!

@martinRenou martinRenou merged commit ed902a5 into geojupyter:main Jan 22, 2025
14 checks passed
HaudinFlorence pushed a commit to HaudinFlorence/jupytergis that referenced this pull request Jan 28, 2026
* added styling for OK button

* reject button proper styling.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Form "Ok" button is not using the --jp-brand-color1

2 participants