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

1650: Adjust self service texts #1748

Merged
merged 3 commits into from
Nov 12, 2024
Merged

Conversation

f1sh1918
Copy link
Contributor

@f1sh1918 f1sh1918 commented Nov 6, 2024

Short description

Finalize texts except hints and error messages (separate issue)

Proposed changes

  • adjust texts
  • add help dialog
  • adjust basic dialog for mobile to have a close text button to have consistent styling for all dialogs

Side effects

  • none

Testing

  • Go to /erstellen
  • Check the texts according to:
    design
  • test help dialog
  • test aktenzeichen dialog

Resolved issues

Fixes: #1650

@f1sh1918 f1sh1918 force-pushed the 1650-adjust-self-service-texts branch from e8784a5 to 99c9f5c Compare November 6, 2024 10:48
@f1sh1918 f1sh1918 mentioned this pull request Nov 6, 2024
Copy link
Member

@ztefanie ztefanie left a comment

Choose a reason for hiding this comment

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

Did not recheck every text in the designs.

The Help dialog would look nicer on desktop if the width would be smaller

<ActionButton href={deepLink} variant='contained' size='large'>
Pass aktivieren
KoblenzPass jetzt aktivieren
Copy link
Member

Choose a reason for hiding this comment

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

Please use APP_NAME constant instead

Copy link
Member

Choose a reason for hiding this comment

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

Same for other occurrences :)

@@ -11,20 +11,28 @@ const Container = styled('div')`
flex-direction: column;
`

const StyledIconTextButton = styled(IconTextButton)`
color: #131314;
Copy link
Member

Choose a reason for hiding this comment

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

Please move this to name constant that is reusable.

@@ -64,7 +64,7 @@ const CardSelfServiceForm = ({
return (
<>
<Container key={card.id}>
<FormGroup label='Vorname Nachname'>
<FormGroup label='Vorname Name'>
Copy link
Member

Choose a reason for hiding this comment

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

weird, but ok :D

align-items: center;
margin-bottom: 12px;
color: #595959;
Copy link
Member

Choose a reason for hiding this comment

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

Please move this to a named constant

Copy link
Contributor Author

Choose a reason for hiding this comment

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

i think it makes more sense to define a colors file at some point and define there everything. This is sth that should be created and used project wide.
I will create a ticket for that

<ActionButton href={deepLink} variant='contained' size='large'>
Pass aktivieren
KoblenzPass jetzt aktivieren
Copy link
Member

Choose a reason for hiding this comment

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

Same for other occurrences :)

@f1sh1918
Copy link
Contributor Author

Did not recheck every text in the designs.

The Help dialog would look nicer on desktop if the width would be smaller

Hm I think a text line break should also help. I will adjust that. Thx for the hint

@f1sh1918 f1sh1918 merged commit 757d816 into main Nov 12, 2024
1 check passed
@f1sh1918 f1sh1918 deleted the 1650-adjust-self-service-texts branch November 12, 2024 14:26
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.

Adjust self service texts
3 participants