Skip to content

[IMP] accounting: cheat sheet styles #13047

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

Closed
wants to merge 1 commit into from

Conversation

samueljlieber
Copy link
Contributor

@samueljlieber samueljlieber commented Apr 24, 2025

Task: #4743756
FWP up to master

This PR improves the styles on the Accounting Cheat Sheet by adding borders which adds more contrast to the highlights.

Screenshot 2025-04-24 at 12 42 23 PM

As well as corrects the color of the Reconciliation button to use the Odoo primary and secondary colors:

Screenshot 2025-04-24 at 12 43 37 PM

@samueljlieber samueljlieber self-assigned this Apr 24, 2025
@robodoo
Copy link
Collaborator

robodoo commented Apr 24, 2025

Pull request status dashboard

@C3POdoo C3POdoo requested a review from a team April 24, 2025 16:51
@AntoineVDV AntoineVDV requested review from rugo-odoo and removed request for a team April 25, 2025 16:46
Copy link

@rugo-odoo rugo-odoo left a comment

Choose a reason for hiding this comment

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

The proposed change seems nice but the way we are doing it seems weird tho 😬

@@ -11,15 +11,21 @@ main.index .toctree-wrapper > .row:first-child > .col-md-3 {
.doc-aside p{
padding: .5rem;
}
.doc-aside div {
border: 1px solid rgba(255, 255, 255, 0);

Choose a reason for hiding this comment

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

I'm not sure what is the point of this. This will put an invisible border (?) What are we trying to achieve ?

It happens a lot in the pr.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Hi @rugo-odoo, the reason I added an 1px invisible border is to avoid the 1px layout shift that happens when the 1px black border appears on hover :)

Choose a reason for hiding this comment

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

I believe much of this is unnecessary.

  1. For the one with .highlight-op, we can just change the border color. We already have a border so it won't shift.

  2. If I'm not mistake, to prevent the shift, we can just use box-sizing: border-box for the elements we need. border-box will not add any width/height with the border.

It will be cleaner and easier to maintain.

@AntoineVDV
Copy link
Collaborator

@robodoo delegate=rugo-odoo

@@ -11,15 +11,21 @@ main.index .toctree-wrapper > .row:first-child > .col-md-3 {
.doc-aside p{
padding: .5rem;
}
.doc-aside div {
border: 1px solid rgba(255, 255, 255, 0);

Choose a reason for hiding this comment

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

I believe much of this is unnecessary.

  1. For the one with .highlight-op, we can just change the border color. We already have a border so it won't shift.

  2. If I'm not mistake, to prevent the shift, we can just use box-sizing: border-box for the elements we need. border-box will not add any width/height with the border.

It will be cleaner and easier to maintain.

@samueljlieber samueljlieber force-pushed the 16.0-accounting-cheat-sheet-sali branch from c71c50f to e92d9c0 Compare May 5, 2025 15:55
@samueljlieber
Copy link
Contributor Author

Hi @rugo-odoo! Thank you for your helpful suggestions :) in e92d9c0 I was able to replace the border color for .highlight-op like you suggested.

For your second point, about using box-sizing: border-box, I don't believe this will work since the .related elements don't already have a border, so an initial transparent border is still necessary (as far as I can tell from my testing). I did end up setting this transparent border in the accounting.css instead of in the accounting.js (like I was before).

With these changes, things should be cleaner and easier to maintain!

Thank you for pushing for changes :) ready for another look! 🙏

@samueljlieber samueljlieber requested a review from rugo-odoo May 5, 2025 16:03
Copy link

@rugo-odoo rugo-odoo left a comment

Choose a reason for hiding this comment

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

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