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

Add /@@test-rendering views to docs #1903

Open
wants to merge 8 commits into
base: 6.0
Choose a base branch
from

Conversation

Manas-Kenge
Copy link
Contributor

@Manas-Kenge Manas-Kenge commented Mar 13, 2025

Issue number

Description

This is a WIP, need an initial review to keep working. As per #1871 (comment) a mention of both test-rendering and Storyboard docs in the migration docs under Migrating from Plone Classic UI to Volto is remaining.


📚 Documentation preview 📚: https://plone6--1903.org.readthedocs.build/classic-ui/theming/create-add-on.html#styles-test-rendering

Copy link
Contributor

@stevepiercy stevepiercy left a comment

Choose a reason for hiding this comment

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

I'll do a second review, but for now...

@stevepiercy stevepiercy requested a review from acsr March 13, 2025 09:07
@stevepiercy
Copy link
Contributor

@plone/classicui-team could I get a review from y'all on content accuracy, and where this documentation should reside? It's in the wrong place at the moment. Thank you!

@acsr acsr changed the title Add /@@test-rendering views to docs Add /@@test_rendering views to docs Mar 13, 2025
@acsr acsr changed the title Add /@@test_rendering views to docs Add /@@test-rendering views to docs Mar 13, 2025
- Grid layout examples
- Form control variants
- Navigation components
- Interactive element states
Copy link
Member

Choose a reason for hiding this comment

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

I'd also mention the colormode switcher here

Copy link

Choose a reason for hiding this comment

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

@petschki I cannot find any colormode text in the templates. Any hints?

Copy link

Choose a reason for hiding this comment

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

The page https://6.docs.plone.org/classic-ui/theming/color-mode.html is listed by google, but not present (404).

The Light/dark/auto Toggle Button is mentioned in https://6.docs.plone.org/classic-ui/theming/color-modes.html#toggle-button

I guess you mean "mentioning" means to point out, that the appearance of the examples differs depending on your day/night dark/light theme setting.

This is a halfbaked admonition. @stevepiercy can wordsmith a better one.

```{important}
Please take into consideration how to make sure checking the examples includes both the dark and light setting when testing the UI.
```

Copy link
Member

@petschki petschki left a comment

Choose a reason for hiding this comment

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

I'd suggest to put this somewhere into classic-ui/theming/create-add-on.md as subsection Styles Test Rendering

Copy link

@acsr acsr left a comment

Choose a reason for hiding this comment

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

@Manas-Kenge Thx for this initial iteration. Maybe we need another round.

- Grid layout examples
- Form control variants
- Navigation components
- Interactive element states
Copy link

Choose a reason for hiding this comment

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

@petschki I cannot find any colormode text in the templates. Any hints?

- Grid layout examples
- Form control variants
- Navigation components
- Interactive element states
Copy link

Choose a reason for hiding this comment

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

The page https://6.docs.plone.org/classic-ui/theming/color-mode.html is listed by google, but not present (404).

The Light/dark/auto Toggle Button is mentioned in https://6.docs.plone.org/classic-ui/theming/color-modes.html#toggle-button

I guess you mean "mentioning" means to point out, that the appearance of the examples differs depending on your day/night dark/light theme setting.

This is a halfbaked admonition. @stevepiercy can wordsmith a better one.

```{important}
Please take into consideration how to make sure checking the examples includes both the dark and light setting when testing the UI.
```

@stevepiercy stevepiercy requested review from acsr and petschki March 17, 2025 00:15
@jensens
Copy link
Member

jensens commented Mar 18, 2025

It is indeed important information for theming Classic UI.

@acsr
Copy link

acsr commented Mar 18, 2025

I am lost how to review latest changes due to confusion if a test build exists or how to checkout the latest state of the pr locally. If I am the origin of that mess, get me out of the ditch… ;-)

@stevepiercy
Copy link
Contributor

@acsr I'm not sure exactly what you want to review, but to see the rendered HTML, visit the pull request preview at https://plone6--1903.org.readthedocs.build/classic-ui/theming/create-add-on.html#styles-test-rendering. If a repo supports pull request previews, then Read the Docs will insert a link in the PR description, which I then usually modify to point to the affected files for convenience.

To checkout this branch, you first need to add a git remote https://github.com/Manas-Kenge/documentation.git, then git fetch --all, and finally checkout the branch. You can then view git commit history.

@acsr
Copy link

acsr commented Mar 18, 2025

visit the pull request preview at https://plone6--1903.org.readthedocs.build/classic-ui/theming/create-add-on.html#styles-test-rendering.

I did exactly this (the link at the top of the PR) but it did not work for me. (I had this several times, that these links seem broken. I thought it was due to they were outdated because of changes after a review.)

But it is possible that Github ditches them after some time.

Copy link

@acsr acsr left a comment

Choose a reason for hiding this comment

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

@Manas-Kenge THX! Everything else looks good to me… except the orphaned Colormode switcher hint, that needs more love. I suggest taking it out and continue in a seperate iteration issued by @petschki .

- Form control variants
- Navigation components
- Interactive element states
- Colormode switcher
Copy link

@acsr acsr Mar 18, 2025

Choose a reason for hiding this comment

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

As I wrote before in my last review:
There is no Colormode switcher mentioned in the current Plone6.1 cheatsheet at all.
Not even the word color is present to search on the page. Also no manual dark/light colormode switcher is visible by default in Classic UI, in the personal prefs or as action that could be activated. This needs more explanation or to be removed.

The Colormode switcher item was requested by @petschki very vague in this review comment:

I'd also mention the colormode switcher here

@petschki -> Can you please clarify / refine that?

The Light/dark/auto Toggle Button is mentioned in https://6.docs.plone.org/classic-ui/theming/color-modes.html#toggle-button

see also from my comment: #1903 (comment) :

I guess you mean "mentioning" means to point out, that the appearance of the examples differs depending on your day/night dark/light theme setting.

This is a halfbaked admonition. @stevepiercy can wordsmith a better one.

Please take into consideration how to make sure checking the examples includes both the dark and light setting when testing the UI.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@acsr I will remove the Colormode switcher point, as for Light/dark/auto Toggle there is no need of a mention right? Or should we wait for @petschki to respond?

Copy link

Choose a reason for hiding this comment

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

@Manas-Kenge Wait one day and then take it out. I push him ;-)

Copy link

Choose a reason for hiding this comment

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

It can be added in a next iteration again. I have no clue what to add except my suggested admonition.

@stevepiercy
Copy link
Contributor

visit the pull request preview at https://plone6--1903.org.readthedocs.build/classic-ui/theming/create-add-on.html#styles-test-rendering.

I did exactly this (the link at the top of the PR) but it did not work for me. (I had this several times, that these links seem broken. I thought it was due to they were outdated because of changes after a review.)

But it is possible that Github ditches them after some time.

RTD inserts the link immediately when it starts the build, not when the build completes. So if you visit the link within 5 minutes of the PR creation, then you might get a 404. Otherwise, it should always work. It works for me now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: In Progress
Development

Successfully merging this pull request may close these issues.

Add a mention of the /@@test-rendering views to the developer documentation for Classic UI
5 participants