Have 'stretch' or resize-to-fit option for skin images
Bug #1243219 reported by
Gordon McLeod
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Mahara |
Triaged
|
Wishlist
|
Unassigned |
Bug Description
Having done some testing with the new skins feature on Mahara dev I thought it would be useful to be able to auto-resize the image to fit the background in a scalable way. Currently the options are to tile horizontally, vertically, both or none - but there are times when repeating the image doesn't look right, and background colours can be messy if the image used doesn't quite fit the available space. While the current options are fine if you are using a small image with repeatable edges (a technique I use for theme design for other sites) it doesn't work if you use a larger image that isn't designed with repeating in mind.
Thanks, Gordon.
Changed in mahara: | |
status: | New → Triaged |
importance: | Undecided → Wishlist |
To post a comment you must log in.
There is a css option
background-size: cover;
that scales the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area. http:// www.w3schools. com/cssref/ css3_pr_ background- size.asp
However the background-size property is only supported in IE9+, Firefox 4+, Opera, Chrome, and Safari 5+ and not IE 8.
but saying that I notice that IE 11 was launched last week so we could probably drop support for IE8 so then we could use this css option :)