text on image and stacks
-
hey @arminunruh
really enjoying the sidebar features!
Text on Image (Sidebar):
When you add a rounded corner to an image and apply a gradient to it the gradient doesn’t take into account that the corner is round and applies it as if it were a rectangle.
Could we have a blurred effect option when a gradient is applied here? So either the top or bottom of the image is slightly blurred with text on top - could be cool!
Stacks:
When you build a card using a stack (image, text and background colour etc together) the background shape doesn’t cleanly enter or exit the page when you have navigation transitions on. It always shows up first or last. It works fine when it’s not in a stack, like if it's just text with a background colour. Hope that makes sense!
Thanks!
-
yes the gradient fix i did, just need to release the update today.
unfortunately, blur doesnt support fading out like that. i mean its possible but not clean and really hacky. i wont code this as a feature as long as theres no good way to do it.
ok i will check out the stack issue
-
ok stack issue will be fixed with the next update!
-
yes the gradient fix i did, just need to release the update today.
unfortunately, blur doesnt support fading out like that. i mean its possible but not clean and really hacky. i wont code this as a feature as long as theres no good way to do it.
ok i will check out the stack issue
@arminunruh thanks! and yeah no worries as that makes sense!
-
Nice catches, especially the stack transition thing, I’ve noticed something similar before but couldn’t quite pin it down.
Good to hear both are getting fixed though. The gradient issue in particular was a bit distracting with rounded corners.
For the blur idea, yeah I get why it’s tricky. Would be a really cool effect if there was a clean way to do it though, maybe something CSS-based in the future.
Looking forward to the update 👍
-
Yea the blur gradient is a really good idea, agree! The update that I released yesterday did fix both issues.
-
also noticed @arminunruh that text elements inside a stack the padding isn't applied.
-
could we also have more control of row image backgrounds for mobile here? Like be able to choose a different position for mobile?
-
sorry noticed another thing! could we have left and right padding for stacks and images on the sidebar?
-
also noticed @arminunruh that text elements inside a stack the padding isn't applied.
@alasdair17 this will be fixed with the next update
-
ok stack elements and images will get padding left and right too with the next update
-
ok row background object fit and object position will be setable for phone too with the next update
-
amazing! thanks @arminunruh
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login