๐Ÿฅ”๐Ÿฅ•๐ŸŒฝ๐ŸŒถ๐Ÿฅ’๐Ÿฅฆ๐Ÿฅ‘๐Ÿ†๐Ÿ…potatoCode work day

August 12, 2018 12:07 UTC Team potatoCode (stretchly - break time reminder app)Subscribe to this teams's activities

Working on setting a fullscreen wallpaper in microbreak or break, the random images from Unsplash are already in the breaks. But when opening a break / microbreak the image only opened for 2/3s of the screen, not fullscreen. This apparently had to do with some css value I gave it. I gave 'background-position' property a value of 'center' and 'background-size' a value of 'cover'. Once I excluded the 'background-position: center', the background images were fullscreen on breaks & microbreaks, although it didn't take in the height of the image. After including these lines:

html, body {min-height: 100%;}
body {background-size: cover;}

The background images all scaled to a 100% of the screen also in fullscreen. (at least for the 20 something I tested).
Cascading Stylesheets is a world on its own to explore. So this could be setup for Stretchly that the property of background-image during breaks can be dynamically set by the user. Investigating this.
SE

Comments

You must be logged in to add a comment.