Skip to content
This repository has been archived by the owner on Mar 6, 2024. It is now read-only.

Installation slides: fix RTL & adjust fonts, colors, line spacing, and paddings #1389

Merged
merged 2 commits into from Feb 10, 2023

Conversation

jpnurmi
Copy link
Contributor

@jpnurmi jpnurmi commented Feb 10, 2023

This fixes the issue that some slides overflowed when translated. The tweaks are subtle but free up a sufficient amount of space so that all translations fit on the screen.

Before After
image image
Screenshot from 2023-02-10 09-54-55 Screenshot from 2023-02-10 09-52-41

Most importantly, overflows are now caught in the CI whenever Weblate opens PRs for translation updates, for example. Running the included test without the font and layout tweaks would result in the following screenshots being dumped into integration_test/goldens/failures:

  • installation-slide-music-ru.png
  • installation-slide-music-uk.png
  • installation-slide-photos-fr.png
  • installation-slide-photos-hu.png
  • installation-slide-photos-ja.png
  • installation-slide-photos-pl.png
  • installation-slide-photos-ru.png
  • installation-slide-photos-uk.png

Fixes: #1373

@jpnurmi

This comment was marked as resolved.

@jpnurmi jpnurmi marked this pull request as draft February 10, 2023 10:18
This fixes the issue that some slides had overflows when translated.

Most importantly, overflows are now caught in the CI whenever Weblate
opens PRs for translation updates, for example. Running the included
test without the font and layout tweaks would result in the following
screenshots being dumped into `integration_test/goldens/failures`:
- installation-slide-music-ru.png
- installation-slide-music-uk.png
- installation-slide-photos-fr.png
- installation-slide-photos-hu.png
- installation-slide-photos-ja.png
- installation-slide-photos-pl.png
- installation-slide-photos-ru.png
- installation-slide-photos-uk.png

Fixes: canonical#1388
@jpnurmi jpnurmi changed the title Installation slides: adjust fonts, colors, line spacing, and paddings Installation slides: fix RTL & adjust fonts, colors, line spacing, and paddings Feb 10, 2023
@jpnurmi jpnurmi marked this pull request as ready for review February 10, 2023 13:49
@jpnurmi
Copy link
Contributor Author

jpnurmi commented Feb 10, 2023

252 screenshots of the slides: https://drive.google.com/drive/folders/18zZYITxQk8ZWMmj7-EIWqbasnmCqzExo?usp=sharing (internal)

Copy link
Collaborator

@seb128 seb128 left a comment

Choose a reason for hiding this comment

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

Great work J-P! The resulting screenshots looks right, also great to see tests added!

@jpnurmi
Copy link
Contributor Author

jpnurmi commented Feb 10, 2023

Thanks! :)

@elioqoshi I tried to keep the visual changes to a minimum. Just ping me if you have time to go through the slides and if there's anything you want to change.

@jpnurmi jpnurmi merged commit ab48b27 into canonical:main Feb 10, 2023
@jpnurmi jpnurmi deleted the installation-slides branch February 10, 2023 15:27
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Message is truncated in slideshow
2 participants