Clock Module - Adjust light time to avoid line break

[sdetweil]

@rkorell I think if you set

.clock .digital {
   width: 400px;
}

using the sample config plus the showMoon/showSun true
displaySeconds:false

[rkorell]

@sdetweil Dear Sam,
as always: You’re right! This works.

Thanks a lot.

Today in the morning (before reading your post/suggestion) I’ve found

.clock .module-content span.bright {
color: yellow;
}
 

Interesting enough a width attribute is not working at this identifier - color works…

Warmest regards,
Ralf

[sdetweil]

@rkorell you dont need the .module_content

[rkorell]

@sdetweil Dear Sam,
you are sooo good.
And so right!

Thanks again!

Ralf

[sdetweil]

@rkorell span lives inside a div. It does not inherit the div’s size. Good thing else everything would be squished in the div

Your css says

For ALL elements with clock as a class (and descendants)
ALL span elements with the class bright
Should have the color style set to yellow for the spans text content

[dathbe]

I use the following in my css to solve this:

.clock .sun {
  white-space: nowrap;
}

.clock .fas {
  padding-left: 10px;
}

The second part isn’t strictly necessary, but I find it gives some needed space between the elements

[rkorell]

@dathbe this is a cool idea!
Thanks.
Ralf