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

feat: More readable Document settings #1376

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

hexaltation
Copy link
Collaborator

Partially fixes #1289

Context

#1015 mockup is completed with some Document settings page enhancement.

Proposed solution

The first proposal was in PR #1181.
As suggested by @berhalak It was removed from functional code to be done in this separate PR.

This PR only enroll Document setting page enhancements.

Two other PRs will propose:

  • Check boxes component enhancements
  • Modal component Enhancements

Related issues

#1015
#1289

Has this been tested?

  • 🙅 no, because this is not relevant here

@berhalak berhalak self-assigned this Jan 21, 2025
@berhalak
Copy link
Contributor

Take a look at this screenshot:
image

The currency's description is slightly moved to the right. It happens when I'm making my screen narrower. It works ok on main branch.

@hexaltation hexaltation force-pushed the feat-ux-document-settings branch from 780b0cc to e5cf459 Compare January 29, 2025 17:22
@hexaltation
Copy link
Collaborator Author

hexaltation commented Jan 30, 2025

The currency's description is slightly moved to the right. It happens when I'm making my screen narrower. It works ok on main branch.

Hello @berhalak

After some jobs jobs, thing are aligned with smaller screen.

Capture d’écran 2025-01-30 à 15 10 58

I've fixed DocumentId input width in my last commit, after screenshots.

@hexaltation hexaltation added the preview Launch preview deployment of this PR label Jan 30, 2025
@hexaltation hexaltation requested a review from berhalak January 30, 2025 14:20
Copy link
Contributor

Deployed commit e5cf4595f628574fb39ff2f22eb881190494de78 as https://grist-hexaltation-grist-core-feat-ux-document-settings.fly.dev (until 2025-03-01T14:25:24.111Z)

Copy link
Contributor

Deployed commit 287a44f88b9382b5ebb2185900fd553b03f103d5 as https://grist-hexaltation-grist-core-feat-ux-document-settings.fly.dev (until 2025-03-01T14:44:41.980Z)

@@ -162,7 +162,7 @@ export class DocSettingsPage extends Disposable {
}) : null,
]),

dom.create(AdminSection, t('API'), [
dom.create(cssAdminSection, t('API'), [
Copy link
Contributor

@berhalak berhalak Feb 5, 2025

Choose a reason for hiding this comment

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

Can you take a look at AdminPanel.ts ? It also uses those styles, maybe we can just update the base component, without wrapping it into cssAdminSection. The goal was to have those two pages (DocumentSettings and AdminPanel) look very similar.

@hexaltation hexaltation force-pushed the feat-ux-document-settings branch from 287a44f to cc98cff Compare February 18, 2025 15:01
Copy link
Contributor

Deployed commit cc98cffc6948817899dd740cfea5b8f19a61b7ae as https://grist-hexaltation-grist-core-feat-ux-document-settings.fly.dev (until 2025-03-20T15:06:44.946Z)

@hexaltation hexaltation force-pushed the feat-ux-document-settings branch from cc98cff to b49b0da Compare February 18, 2025 15:13
@hexaltation
Copy link
Collaborator Author

b49b0da
breaks most adminPanel's sections third element alignment.
I'll wait for a point with @lusebille to verify what it's wanted for those components before making further changes.

Copy link
Contributor

Deployed commit b49b0da7670cce9e4e3fe2c08c496945e93f0a24 as https://grist-hexaltation-grist-core-feat-ux-document-settings.fly.dev (until 2025-03-20T15:18:24.656Z)

@hexaltation hexaltation force-pushed the feat-ux-document-settings branch from b49b0da to 8c5ff36 Compare February 18, 2025 15:35
Copy link
Contributor

Deployed commit 8c5ff36dd2c279f23426e4d219728e8d38a0a957 as https://grist-hexaltation-grist-core-feat-ux-document-settings.fly.dev (until 2025-03-20T15:40:39.971Z)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
-UX/UI gouv.fr preview Launch preview deployment of this PR
Projects
Status: In Progress
Status: Dev to review
Development

Successfully merging this pull request may close these issues.

Styling changes linked to document conversion
3 participants