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

(style) O3-3579 : Changing the styles for help menu and devtools #1079

Merged
merged 2 commits into from
Jul 12, 2024

Conversation

Vijaykv5
Copy link
Contributor

@Vijaykv5 Vijaykv5 commented Jul 10, 2024

Requirements

  • This PR has a title that briefly describes the work done including the ticket number. Ensure your PR title includes a conventional commit label (such as feat, fix, or chore, among others). See existing PR titles for inspiration.

For changes to apps

If applicable

  • My work includes tests or is validated by existing tests.
  • I have updated the esm-framework mock to reflect any API changes I have made.

Summary

This PR moves help menu icon to the position of dev tools and vice versa with reference to this comment

Screenshots

Screenshot 2024-07-10 at 7 21 54 PM

Related Issue

O3-3579

@Vijaykv5 Vijaykv5 changed the title (Style) O3-3579 : Changing the style for help menu and devtools (style) O3-3579 : Changing the styles for help menu and devtools Jul 10, 2024
Comment on lines 7 to 10
flex: auto;
bottom: 5rem;
bottom: 2rem;
right: 3rem;
width: 11rem;
Copy link
Member

Choose a reason for hiding this comment

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

Shall we use px here too? The reason is that rem is relative to your screen, so the spaces will differ from screen to screen. The idea is to use the same unit for both icons.

Copy link
Member

Choose a reason for hiding this comment

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

Sorry, this comment is meant to be for the help icon.

Copy link
Contributor Author

@Vijaykv5 Vijaykv5 Jul 10, 2024

Choose a reason for hiding this comment

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

Got it!
but as per reference to earlier comment on styling, would it be good to change the style of devtool icon (currently px) to rem?
@jayasanka-sack

Copy link
Member

Choose a reason for hiding this comment

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

yes, that's better

@Vijaykv5 Vijaykv5 requested a review from jayasanka-sack July 11, 2024 16:18
Copy link
Member

@jayasanka-sack jayasanka-sack left a comment

Choose a reason for hiding this comment

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

Thanks!! 🎉

@jayasanka-sack jayasanka-sack merged commit 07d0532 into openmrs:main Jul 12, 2024
11 checks passed
Twiineenock pushed a commit to Twiineenock/openmrs-esm-core that referenced this pull request Jul 18, 2024
…nmrs#1079)

* Styling the devtools and help menu

* move devtools styles in rem
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