From 3a2a52c8648e7259ed8e52641b75e66f64c48ffa Mon Sep 17 00:00:00 2001 From: dathbe Date: Wed, 2 Jul 2025 10:20:03 -0700 Subject: [PATCH] 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 #`? 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 --- CHANGELOG.md | 6 ++++++ modules/default/clock/clock_styles.css | 8 ++++++++ 2 files changed, 14 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6a889efc..c74ba478 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 planned for 2025-10-01 +Thanks to: @dathbe. + +### Changed + +- [clock] Add CSS to prevent line breaking of sunset/sunrise time display (#3816) + ### Updated - [core] Update dependencies including electron to v37 (#3831) diff --git a/modules/default/clock/clock_styles.css b/modules/default/clock/clock_styles.css index a6751e3d..8827b6ee 100644 --- a/modules/default/clock/clock_styles.css +++ b/modules/default/clock/clock_styles.css @@ -87,9 +87,17 @@ transform-origin: 50% 100%; } +.module.clock .digital { + display: flex; + flex-direction: column; + gap: 3px; +} + .module.clock .sun, .module.clock .moon { display: flex; + white-space: nowrap; + gap: 10px; } .module.clock .sun > *,