mirror of
				https://github.com/MichMich/MagicMirror.git
				synced 2025-11-04 05:15:42 +00:00 
			
		
		
		
	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:
		@@ -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 > *,
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user