Add CSS to clock module to prevent line breaking of sunrise/sunset information (#3816)

1. Base your pull requests against the `develop` branch.
Done
2. Include these infos in the description:
- Does the pull request solve a **related** issue?
No
- If so, can you reference the issue like this `Fixes #<issue_number>`?
N/A
- What does the pull request accomplish? Use a list if needed.
With some combinations of sunrise and sunset times (usually when the
time till rise/set is >9:59), the information will break across multiple
lines. This prevents that by adding CSS.
- If it includes major visual changes please add screenshots.
I don't consider it major.
3. Please run `npm run lint:prettier` before submitting so that style
issues are fixed.
Done
4. Don't forget to add an entry about your changes to the CHANGELOG.md
file.
Done

---------

Co-authored-by: veeck <gitkraken@veeck.de>
This commit is contained in:
dathbe 2025-07-02 10:20:03 -07:00 committed by GitHub
parent 855b1d7cbf
commit 3a2a52c864
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 0 deletions

View File

@ -11,6 +11,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
planned for 2025-10-01 planned for 2025-10-01
Thanks to: @dathbe.
### Changed
- [clock] Add CSS to prevent line breaking of sunset/sunrise time display (#3816)
### Updated ### Updated
- [core] Update dependencies including electron to v37 (#3831) - [core] Update dependencies including electron to v37 (#3831)

View File

@ -87,9 +87,17 @@
transform-origin: 50% 100%; transform-origin: 50% 100%;
} }
.module.clock .digital {
display: flex;
flex-direction: column;
gap: 3px;
}
.module.clock .sun, .module.clock .sun,
.module.clock .moon { .module.clock .moon {
display: flex; display: flex;
white-space: nowrap;
gap: 10px;
} }
.module.clock .sun > *, .module.clock .sun > *,