Re: Definition stationclock in css
Posted: Friday 11 December 2020 14:13
The time with Flipclock stands still in the Standby screen.
In the normal screens it flips
In the normal screens it flips
Open source Home Automation System
https://forum.domoticz.com/
now that we're talking about standby, is it possible to adjust the background in a color instead of an image?
For the complete standby screen?
Code: Select all
.screenstandby {
background-color: red !important
}
Currently it's not supported, but it's not too difficult to add.madpatrick wrote: Saturday 12 December 2020 18:23 Is it possible to create white dials ?
My background is dark so the dial are now visible
Code: Select all
// clock colors
this.hourHandColor = 'rgb(0,0,0)';
this.minuteHandColor = 'rgb(0,0,0)';
this.secondHandColor = 'rgb(200,0,0)';
I don't see issues on my system.madpatrick wrote: Friday 11 December 2020 14:13 The time with Flipclock stands still in the Standby screen.
In the normal screens it flips
As promised, the hayman clock: Add 'haymanclock' to a column, or define a custom block as follows:Lokonli wrote: Thursday 10 December 2020 19:42
Next addition will be - CSS Variable-Powered Clock by Emily Hayman (2 votes)
Code: Select all
blocks['myclock'] = {
type: 'haymanclock'
}
Did you found a sollution for this?madpatrick wrote: Friday 11 December 2020 14:28 Is it possible to center the station clock by default in the middle of the block?
this is what I did with my stationclockChris12 wrote: Friday 18 December 2020 10:41Did you found a sollution for this?madpatrick wrote: Friday 11 December 2020 14:28 Is it possible to center the station clock by default in the middle of the block?
My standby-screen is a single column (width 12), in which I define the weather_own and a clock.
the weather_owm, is full size on the top part of the screen, but I can get the (flip)clock to be as big as the complete screen as well.
Code: Select all
.standby .stationclock {
display: flex !important;
justify-content: center !important;
align-items: center !important;
background-color: rgb(0,0,0); !important;
height: 800px !important; }
Ok I give this a try as well for the normal clock.Enz0jacco wrote: Friday 18 December 2020 15:25
this is what I did with my stationclock
Code: Select all
.standby .stationclock { display: flex !important; justify-content: center !important; align-items: center !important; background-color: rgb(0,0,0); !important; height: 800px !important; }
Is it possible to change the font color ?Lokonli wrote: Thursday 17 December 2020 22:36As promised, the hayman clock:Lokonli wrote: Thursday 10 December 2020 19:42
Next addition will be - CSS Variable-Powered Clock by Emily Hayman (2 votes)
haymanclock.jpg
Add 'haymanclock' to a column, or define a custom block as follows:
I can still adapt the styling a bit. If needed I can add some additional configuration parameters.Code: Select all
blocks['myclock'] = { type: 'haymanclock' }
Next clock requires at least 3 votes![]()
Code: Select all
.haymanclock .clock-day:before {font-weight: bold !important; color: rgba(168, 168, 168, .6) !important}
.haymanclock .clock-hours:before {font-weight: bold !important; color: rgba(168, 168, 168, 1) !important}
.haymanclock .clock-minutes:before {font-weight: bold !important; color: rgba(168, 168, 168, 1) !important}
.haymanclock .clock-seconds:before {font-weight: bold !important; color: rgba(168, 168, 168, 1) !important}
.haymanclock .clock-label {color: rgba(255,255,0,.30) !important;font-weight: bold}